:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#475569;--accent-color:#0ea5e9;--bg-body:#fff;--bg-surface:#f8fafc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body{background-color:var(--bg-surface);color:var(--text-primary);scroll-behavior:smooth;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.main-container{background-color:var(--bg-body);max-width:768px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 50px #0000000d}.navbar .container{max-width:768px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fffc;border-radius:1rem}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#ffffffe6}.btn-primary-glow{background:var(--primary-color);color:#fff;border:none;font-weight:500;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-primary-glow:hover{background:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb4d}.hover-card{border:1px solid var(--border-color);background:var(--bg-card);transition:transform .2s,box-shadow .2s,border-color .2s}.hover-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.timeline-item{border-left:2px solid var(--border-color);margin-bottom:2rem;padding-left:2rem;position:relative}.timeline-item:before{content:"";background:var(--bg-card);border:4px solid var(--primary-color);border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:-9px}.markdown-content a{color:var(--primary-color);font-weight:500;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.store-badge{width:auto;height:40px;transition:opacity .2s}.store-badge:hover{opacity:.8}section{padding-bottom:4rem;scroll-margin-top:100px}