@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.ag-page{--ag-bg:#e8e8e8;--ag-bg-hero:#ebebeb;--ag-surface:#fff;--ag-text:#1a1a1a;--ag-text-muted:#5f6368;--ag-border:#00000014;--ag-btn-primary:#1a1a1a;--ag-btn-primary-text:#fff;--ag-btn-secondary:#ffffffa6;--ag-btn-secondary-text:#1a1a1a;--ag-radius-pill:999px;--ag-radius-card:20px;--ag-font:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ag-ease:cubic-bezier(.16, 1, .3, 1);font-family:var(--ag-font);color:var(--ag-text);background:var(--ag-bg);-webkit-font-smoothing:antialiased;min-height:100vh}.ag-page *{box-sizing:border-box}.ag-grain{isolation:isolate;position:relative}.ag-grain:before{content:"";pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.ag-grain>*{z-index:1;position:relative}.ag-header{background:var(--ag-surface);border-bottom:1px solid var(--ag-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.ag-logo{color:var(--ag-text);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:500;text-decoration:none;display:flex}.ag-logo-mark{background:conic-gradient(from 200deg,#4285f4 0deg,#ea4335 90deg,#fbbc04 180deg,#34a853 270deg,#4285f4 360deg);border-radius:8px;flex-shrink:0;width:28px;height:28px}.ag-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.ag-menu-btn span{background:var(--ag-text);border-radius:1px;width:20px;height:2px;display:block}.ag-hero{text-align:center;background:var(--ag-bg-hero);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 57px);padding:3rem 1.5rem 4rem;display:flex}.ag-hero-logo{margin-bottom:2rem}.ag-hero-logo .ag-logo-mark{border-radius:12px;width:48px;height:48px;margin:0 auto .75rem}.ag-hero h1{letter-spacing:-.03em;max-width:720px;margin:0 auto 2rem;font-size:clamp(2rem,6vw,3.25rem);font-weight:700;line-height:1.15}.ag-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.ag-btn{border-radius:var(--ag-radius-pill);cursor:pointer;transition:transform .2s var(--ag-ease), opacity .2s var(--ag-ease);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.ag-btn:hover{transform:translateY(-1px)}.ag-btn:active{transform:scale(.98)}.ag-btn-primary{background:var(--ag-btn-primary);color:var(--ag-btn-primary-text)}.ag-btn-secondary{background:var(--ag-btn-secondary);color:var(--ag-btn-secondary-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ag-section{max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.ag-section-light{background:var(--ag-surface)}.ag-section h2{letter-spacing:-.02em;text-align:center;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.ag-section-lead{color:var(--ag-text-muted);text-align:center;max-width:640px;margin:0 auto 3rem;font-size:1.0625rem;line-height:1.6}.ag-feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.ag-card{background:var(--ag-surface);border:1px solid var(--ag-border);border-radius:var(--ag-radius-card);transition:border-color .25s var(--ag-ease);padding:1.75rem}.ag-card:hover{border-color:#00000024}.ag-card-icon{width:40px;height:40px;color:var(--ag-text);background:#f1f3f4;border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.ag-card h3{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.ag-card p{color:var(--ag-text-muted);font-size:.9375rem;line-height:1.55}.ag-cta-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.ag-cta-block{border-radius:var(--ag-radius-card);text-align:center;background:#f8f9fa;padding:2rem}.ag-cta-block .ag-label{color:var(--ag-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.8125rem}.ag-cta-block h3{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700}.ag-badge{border-radius:var(--ag-radius-pill);color:#1967d2;background:#e8f0fe;margin-bottom:.75rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-block}.ag-footer{text-align:center;color:var(--ag-text-muted);border-top:1px solid var(--ag-border);background:var(--ag-surface);padding:2rem 1.5rem;font-size:.8125rem}.ag-back-link{color:var(--ag-text-muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.ag-back-link:hover{color:var(--ag-text)}.ag-preview-banner{z-index:100;background:var(--ag-text);color:#fff;border-radius:var(--ag-radius-pill);align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8125rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}.ag-preview-banner a{color:#8ab4f8;font-weight:500;text-decoration:none}:root{--bg-color:#f2f2f7;--surface-color:#fff;--surface-accent:#e5e5ea;--border-color:#e5e5ea;--primary-color:#ff3b30;--primary-gradient:linear-gradient(135deg, #ff3b30 0%, #ff2d55 100%);--accent-color:#1c1c1e;--text-primary:#1c1c1e;--text-secondary:#8e8e93;--text-muted:#c7c7cc;--success:#34c759;--warning:#ff9500;--error:#ff3b30;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--shadow-premium:0 20px 40px #0000000a, 0 1px 3px #00000005;--shadow-active:0 10px 30px #ff3b3026}[data-theme=dark]{--bg-color:#000;--surface-color:#1c1c1e;--surface-accent:#2c2c2e;--border-color:#38383a;--text-primary:#fff;--text-secondary:#8e8e93;--text-muted:#48484a;--shadow-premium:0 20px 40px #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;padding-top:var(--safe-area-top);line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass{-webkit-backdrop-filter:blur(20px);background:#fffc;border-top:1px solid #0000000d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.card{background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:var(--shadow-premium);border-radius:28px;padding:1.75rem;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 25px 50px #0000000f}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-active);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:1.1rem 1.8rem;font-family:inherit;font-weight:700;display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 35px #ff3b3040}.btn-primary:active{transform:scale(.96)}.auth-input{border:1.5px solid var(--border-color);background:var(--surface-color);width:100%;color:var(--text-primary);transition:var(--transition-smooth);border-radius:14px;outline:none;padding:16px 16px 16px 44px;font-size:1rem}.auth-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #007aff1a}.page-container{padding:1.5rem;padding-top:calc(2rem + var(--safe-area-top));padding-bottom:calc(6rem + var(--safe-area-bottom));width:100%;max-width:500px;margin:0 auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.active-indicator{background:var(--accent-color);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px}