:root{--bg-color:#fff;--text-main:#0f172a;--text-muted:#64748b;--primary:#2563eb;--primary-glow:#2563eb1a;--accent-pink:#ec4899;--accent-violet:#8b5cf6;--accent-cyan:#06b6d4;--card-bg:#ffffffb3;--card-border:#94a3b81a;--nav-bg:#fffc;--modal-bg:#fffffffa}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);line-height:1.5;overflow-x:hidden}.bg-glow-pink{filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:40%;height:40%;position:absolute;top:-10%;left:-5%}.bg-glow-violet{filter:blur(120px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);width:45%;height:45%;position:absolute;top:20%;right:-5%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--modal-bg);border:1px solid var(--card-border);border-radius:28px;width:90%;max-width:420px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScale;position:relative;box-shadow:0 25px 50px -12px #0000001f}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--text-main);background:#f1f5f9}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{background:linear-gradient(135deg, var(--accent-violet), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff;outline:none}.auth-btn{background:linear-gradient(135deg, var(--primary), var(--accent-cyan));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.auth-switch{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.auth-switch span{color:var(--primary);cursor:pointer;margin-left:.25rem;font-weight:700}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;width:100%;padding:1rem 2.5rem;display:flex;position:fixed;top:0}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent-cyan));color:#fff;cursor:pointer;border:none;border-radius:99px;padding:.6rem 1.5rem;font-weight:700;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #2563eb4d}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem .8rem;font-weight:600;transition:color .2s}.btn-ghost:hover{color:var(--primary)}.hero{text-align:center;max-width:1000px;margin:0 auto;padding:8rem 2rem 2rem;position:relative}.hero h1{color:#0f172a;letter-spacing:-.05em;margin-bottom:2rem;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;line-height:1.1}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 3rem;font-size:1.125rem;line-height:1.6}.highlight-vibrant{background:linear-gradient(135deg, var(--primary), var(--accent-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.process-section{background:#f8fafc;padding:2rem;position:relative}.process-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:3.5rem;display:flex}.visual-card{border:1px solid var(--card-border);background:#fff;border-radius:24px;max-width:420px;padding:.875rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 15px 35px -10px #0000000d}.visual-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 25px 50px -12px #00000014}.visual-card img{border-radius:16px;width:100%;display:block}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #0000000d;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;box-shadow:0 5px 10px #0000000d}.arrow-icon{color:var(--primary);width:24px;height:24px}.cta-card{border:1px solid var(--card-border);text-align:center;background:#fff;border-radius:36px;max-width:900px;margin:5rem auto;padding:4.5rem 3rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #00000014}.cta-card:before{content:"";background:linear-gradient(90deg, var(--accent-pink), var(--accent-violet), var(--primary), var(--accent-cyan));height:5px;position:absolute;top:0;left:0;right:0}.cta-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--accent-cyan) 100%);color:#fff;cursor:pointer;border:none;border-radius:99px;padding:1.1rem 3rem;font-size:1.125rem;font-weight:800;transition:all .3s;box-shadow:0 15px 30px -10px #2563eb66}.cta-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 20px 40px -12px #2563eb80}.micro-text{color:var(--text-muted);opacity:.8;margin-top:1.5rem;font-size:.9rem;font-style:italic}footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-muted);padding:3.5rem 2rem;font-size:.85rem}@media (width<=768px){.hero h1{font-size:2.25rem}.process-visual{flex-wrap:nowrap;justify-content:center;gap:.75rem;padding:1rem 0}.visual-card{border-radius:12px;flex:1;min-width:0;max-width:46%;padding:.5rem}.visual-card img{border-radius:8px}.badge{padding:.25rem .5rem;font-size:.6rem;bottom:.75rem;left:.75rem}.arrow-icon{flex-shrink:0;width:16px;height:16px}}