:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"Inter",system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh}a{color:var(--blue-400);text-decoration:none}a:hover{color:var(--blue-300)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar-brand{display:flex;align-items:baseline;gap:1px;font-size:22px;font-weight:700}.navbar-brand .zero{color:var(--blue-500);font-weight:900}.navbar-brand .vision{color:var(--text-primary)}.navbar-brand .workplace{color:var(--text-muted);font-size:12px;margin-left:4px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.navbar-links{display:flex;align-items:center;gap:20px}.navbar-links a{font-size:14px;color:var(--text-secondary);transition:color .15s}.navbar-links a:hover{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--blue-500);color:#fff}.btn-primary:hover{background:var(--blue-600)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-lg{padding:14px 32px;font-size:16px}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 40px 80px;gap:24px}.hero h1{font-size:52px;font-weight:800;line-height:1.15;max-width:700px}.hero h1 .highlight{color:var(--blue-500)}.hero p{font-size:18px;color:var(--text-secondary);max-width:560px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:8px}.features{padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:48px}.features h2{font-size:32px;font-weight:700;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;max-width:960px;width:100%}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.feature-card .icon{color:var(--blue-500)}.feature-card h3{font-size:18px;font-weight:600}.feature-card p{font-size:14px;color:var(--text-muted);line-height:1.6}.pricing{padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:48px;background:var(--bg-secondary)}.pricing h2{font-size:32px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px;max-width:1100px;width:100%}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,transform .2s}.pricing-card.featured{border-color:var(--blue-500);transform:scale(1.03)}.pricing-card h3{font-size:20px;font-weight:600}.pricing-card .price{font-size:40px;font-weight:800;color:var(--blue-500)}.pricing-card .price span{font-size:16px;font-weight:400;color:var(--text-muted)}.pricing-card .features-list{list-style:none;display:flex;flex-direction:column;gap:8px}.pricing-card .features-list li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pricing-card .features-list li .check{color:var(--blue-500)}.pricing-card .features-list li .cross{color:var(--text-muted)}.footer{padding:40px;text-align:center;border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer p{font-size:13px;color:var(--text-muted)}.auth-page{align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.auth-card,.auth-page{display:flex;padding:40px}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:420px;max-width:100%;flex-direction:column;gap:24px}.auth-card h1{font-size:24px;font-weight:700;text-align:center}.auth-card .brand{display:flex;align-items:baseline;justify-content:center;gap:1px;font-size:28px;font-weight:700;margin-bottom:8px}.auth-card .brand .zero{color:var(--blue-500);font-weight:900}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--blue-500)}.form-input::placeholder{color:var(--text-muted)}.form-error{font-size:13px;color:#ef4444;padding:8px 12px;background:rgba(239,68,68,.1);border-radius:var(--radius-sm)}.form-footer{text-align:center;font-size:14px;color:var(--text-muted)}.form-footer a{color:var(--blue-400);font-weight:500}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border-color)}.oauth-buttons{display:flex;flex-direction:column;gap:8px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.oauth-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.dashboard{display:flex;flex-direction:column;gap:32px;max-width:960px;margin:0 auto;padding:40px}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-header h1{font-size:24px;font-weight:700}.dashboard-header .user-info{font-size:14px;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px}.dashboard-card h3{font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.dashboard-card .metric{font-size:32px;font-weight:800;color:var(--blue-500)}.dashboard-card .metric-label{font-size:13px;color:var(--text-muted)}.usage-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--blue-500);border-radius:4px;transition:width .3s}@media (max-width:768px){.dashboard-grid,.features-grid,.pricing-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.navbar{padding:16px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero h1{animation:fadeInUp .7s ease-out both}.hero p{animation:fadeInUp .7s ease-out .15s both}.hero-actions{animation:fadeInUp .7s ease-out .3s both}.hero .highlight{display:inline-block;animation:fadeIn 1s ease-out .1s both}.feature-card{animation:fadeInUp .5s ease-out both;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);border-color:var(--blue-500);box-shadow:0 8px 30px rgba(59,130,246,.12)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.pricing-card{animation:fadeInUp .5s ease-out both;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.pricing-card.featured{animation:scaleIn .5s ease-out both;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s}.pricing-card.featured:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 16px 48px rgba(59,130,246,.2)}.pricing-card:first-child{animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.25s}.pricing-card:nth-child(3){animation-delay:.4s}.pricing-card:nth-child(4){animation-delay:.55s}.features-list li{animation:fadeIn .3s ease-out both}.features-list li:first-child{animation-delay:.1s}.features-list li:nth-child(2){animation-delay:.15s}.features-list li:nth-child(3){animation-delay:.2s}.features-list li:nth-child(4){animation-delay:.25s}.features-list li:nth-child(5){animation-delay:.3s}.features-list li:nth-child(6){animation-delay:.35s}.features-list li:nth-child(7){animation-delay:.4s}.navbar{transition:box-shadow .3s}.navbar-links a{transition:color .2s}.btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px rgba(59,130,246,.3)}.auth-card{animation:slideUp .5s ease-out both}.form-input{transition:border-color .2s,box-shadow .2s}.form-input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}.dashboard-card{animation:scaleIn .35s ease-out both;transition:border-color .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 4px 20px rgba(59,130,246,.08)}.dashboard-card:first-child{animation-delay:.05s}.dashboard-card:nth-child(2){animation-delay:.12s}.dashboard-card:nth-child(3){animation-delay:.19s}.dashboard-card:nth-child(4){animation-delay:.26s}.features h2,.pricing h2{animation:fadeInUp .5s ease-out both}.footer{animation:fadeIn .6s ease-out .2s both}.oauth-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.oauth-btn:hover:not(:disabled){transform:translateY(-1px)}