:root{--bg-void: #020617;--bg-surface: #0f172a;--bg-card: rgba(30, 41, 59, .4);--accent-primary: #3b82f6;--accent-glow: #60a5fa;--accent-secondary: #8b5cf6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .15);--status-success: #10b981;--status-error: #ef4444;--status-warning: #f59e0b;--glass-blur: blur(16px);--glass-border: 1px solid var(--border-subtle);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-void);color:var(--text-primary);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15),transparent 25%);background-attachment:fixed}*{box-sizing:border-box;outline-color:var(--accent-primary)}.text-gradient{background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s var(--ease-smooth);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);background:#ffffff0f;border-color:var(--border-highlight);box-shadow:0 20px 40px -10px #00000080}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.glass-card:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s var(--ease-smooth);border:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 12px -1px #3b82f666;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-bubbly{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.05)}.btn-bubbly:hover{background:#ffffff1a;color:#fff;border-color:#ffffff1a}.input-field{width:100%;padding:16px 16px 16px 44px;background:#0000004d;border:1px solid var(--border-subtle);border-radius:14px;color:var(--text-primary);font-size:16px;transition:all .2s}.input-field:focus{outline:none;border-color:var(--accent-primary);background:#0006;box-shadow:0 0 0 4px #3b82f61a}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .2s}.input-group:focus-within .input-icon{color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s var(--ease-smooth) forwards}.animate-slide-up{animation:fadeInUp .8s var(--ease-elastic) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.hero-text{font-size:56px;line-height:1.1;letter-spacing:-.02em;font-weight:800}.mesh-bg{position:absolute;top:0;left:0;right:0;height:100vh;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);z-index:-1;opacity:.5;pointer-events:none}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.split-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:900px){.hero-text{font-size:40px}.split-layout{grid-template-columns:1fr}.split-visual{display:none}}