:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--text:#0f172a;--text-light:#64748b;--bg:#f4f7fc;--card:#ffffff;--radius:22px;--shadow: 0 15px 35px rgba(15,23,42,.08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}img{display:block;max-width:100%}.app-shell{position:relative;width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:var(--bg);overflow:hidden}.page-content{width:100%;padding:20px 16px 95px;min-height:100vh}@supports (padding:max(0px)){.page-content{padding-bottom:calc(95px + env(safe-area-inset-bottom))}}@media(min-width:992px){body{background:linear-gradient(90deg,#eef3fb,#f7f9fd,#eef3fb)}.app-shell{margin:0 auto;box-shadow:0 0 0 1px #fff9,0 30px 80px #0f172a1f}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-track{background:transparent}::-moz-selection{background:#2563eb;color:#fff}::selection{background:#2563eb;color:#fff}.container{width:100%}.section{margin-bottom:22px}