@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-card:#ffffffe6;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#6e6e73;--accent-blue:#007aff;--accent-blue-hover:#0051d5;--accent-green:#34c759;--accent-red:#ff3b30;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(28px,5vw,40px);font-weight:800}h2{font-size:clamp(24px,4vw,32px);font-weight:700}h3{font-size:clamp(18px,3vw,24px);font-weight:600}p{color:var(--text-secondary);font-size:16px;line-height:1.6}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-outline{color:var(--accent-blue);border:2px solid var(--accent-blue);background:0 0}.btn-outline:hover{background:#007aff1a}.btn-outline:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) fadeIn}.slide-up{animation:.5s cubic-bezier(.4,0,.2,1) slideUp}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md)}}