:root{--primary: #7C4DFF;--secondary: #B388FF;--accent: #651FFF;--bg-dark: #0B0B1A;--bg-card: rgba(255, 255, 255, .06);--text-main: #FFFFFF;--text-muted: #A0A0B8;--glow: rgba(124, 77, 255, .6);--border-glass: rgba(179, 136, 255, .24)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;color:var(--text-main);background:radial-gradient(circle at 10% 20%,rgba(124,77,255,.25),transparent 34%),radial-gradient(circle at 85% 12%,rgba(101,31,255,.22),transparent 30%),var(--bg-dark)}.container{width:min(1120px,92vw);margin:0 auto}.page{position:relative;overflow:hidden}.bg-orb{position:fixed;border-radius:50%;filter:blur(56px);pointer-events:none;opacity:.42;z-index:0;animation:drift 12s ease-in-out infinite}.orb-one{width:340px;height:340px;background:var(--primary);top:-100px;left:-80px}.orb-two{width:300px;height:300px;background:var(--secondary);top:24%;right:-120px;animation-delay:2s}.orb-three{width:280px;height:280px;background:var(--accent);bottom:-80px;left:34%;animation-delay:4s}.topbar,main,.footer{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.brand{display:flex;align-items:center;gap:8px}.brand-logo{height:96px;width:auto;display:block;border:0;box-shadow:none;background:transparent;clip-path:inset(2px)}.topbar-actions{display:flex;gap:10px}.btn{border:none;border-radius:999px;padding:10px 18px;color:var(--text-main);cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,background .3s ease,opacity .2s ease;font-weight:600}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 16px var(--glow)}.btn-ghost{background:#ffffff0a;border:1px solid var(--border-glass)}.btn-success{background:linear-gradient(135deg,#16a34a,#22c55e)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.hero{text-align:center;padding:64px 0 24px}.eyebrow{color:var(--secondary);font-size:.9rem;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.hero h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.1;margin-bottom:16px}.hero-copy{color:var(--text-muted);max-width:760px;margin:0 auto}.hero-cta{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pulse-circle{margin:42px auto 0;width:168px;height:168px;border-radius:50%;border:1px solid var(--border-glass);display:grid;place-content:center;gap:10px;background:#7c4dff0f;box-shadow:0 0 24px #7c4dff59}.pulse-core{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--secondary),transparent 65%);animation:pulse 2.1s infinite}.pulse-circle span{font-size:.9rem;color:var(--text-muted)}.showcase-card{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:stretch;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid var(--border-glass);border-radius:20px;padding:18px;backdrop-filter:blur(14px);box-shadow:0 16px 36px #0000004d}.showcase-image-wrap{position:relative;min-height:300px;border-radius:14px;overflow:hidden;border:1px solid rgba(179,136,255,.35);background:#0b0b1ab3}.showcase-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform .65s ease}.showcase-image.is-active{opacity:1;transform:scale(1)}.showcase-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(179,136,255,.6);background:#0b0b1ab3;color:#efe9ff;display:grid;place-content:center;cursor:pointer;font-size:1.4rem;transition:transform .2s ease,background .2s ease,border-color .2s ease}.showcase-arrow:hover{background:#7c4dff59;border-color:#b388ffe6}.showcase-arrow:active{transform:translateY(-50%) scale(.96)}.showcase-arrow-left{left:12px}.showcase-arrow-right{right:12px}.showcase-content{display:grid;align-content:center;gap:10px;text-align:left}.showcase-kicker{color:var(--secondary);font-size:.85rem;letter-spacing:.8px;text-transform:uppercase}.showcase-content h3{font-size:clamp(1.2rem,2.8vw,1.65rem);line-height:1.2;color:#f3eeff}.showcase-content p{color:var(--text-muted)}.showcase-dots{margin-top:8px;display:flex;gap:8px;pointer-events:none}.showcase-dot{width:30px;height:8px;border-radius:999px;border:1px solid rgba(179,136,255,.55);background:#ffffff14;cursor:default;transition:all .2s ease}.showcase-dot.is-active{width:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;box-shadow:0 0 12px #7c4dff73}.section{padding:48px 0}.section h2{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:18px}.grid{display:grid;gap:14px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;padding:18px;backdrop-filter:blur(12px);box-shadow:0 10px 24px #00000040;transition:transform .25s ease,box-shadow .25s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #7c4dff42}.glass-card h3,.glass-card strong{color:#efe9ff}.glass-card p{color:var(--text-muted);margin-top:8px}.demo-card{padding:20px}.status-line{margin-bottom:12px;color:var(--text-muted)}.demo-actions{display:flex;gap:10px;flex-wrap:wrap}.saved-audio{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-glass)}.saved-audio audio{width:100%;margin-top:10px}.saved-audio-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.color-card{text-align:center}.swatch{width:100%;height:52px;border-radius:10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.25)}.color-card p{margin-top:2px}.color-card strong{font-size:.88rem}.final-cta{text-align:center}.final-cta p{color:var(--text-muted)}.auth-shell{margin:24px auto 0;max-width:560px;padding:18px;border:1px solid var(--border-glass);border-radius:16px;background:#ffffff0a;backdrop-filter:blur(10px);text-align:left}.auth-tabs{display:flex;gap:8px;margin-bottom:14px}.tab-btn{flex:1;border-radius:10px;border:1px solid var(--border-glass);background:#ffffff08;color:var(--text-main);padding:10px 12px;cursor:pointer}.tab-active{background:linear-gradient(135deg,#7c4dff61,#b388ff4d);border-color:#b388ff75}.auth-form{display:grid;gap:10px}.auth-form label{display:grid;gap:6px;font-size:.95rem;color:#d9d7ee}.auth-form input{width:100%;border:1px solid rgba(179,136,255,.35);border-radius:10px;padding:11px 12px;font-size:16px;color:var(--text-main);background:#0d0d21a6;outline:none}.auth-form input:focus{border-color:var(--secondary);box-shadow:0 0 0 2px #7c4dff3d}.auth-form input.input-error{border-color:#ff6b7a;box-shadow:0 0 0 1px #ff6b7a59}.auth-form select{width:100%;border:1px solid rgba(179,136,255,.35);border-radius:10px;padding:11px 12px;font-size:16px;color:var(--text-main);background:#0d0d21a6;outline:none;cursor:pointer;font-family:inherit}.auth-form select:focus{border-color:var(--secondary);box-shadow:0 0 0 2px #7c4dff3d}.auth-form select option{background:#0d0d21;color:var(--text-main)}.password-field{position:relative}.password-field input{padding-right:48px}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#d6d4ea;cursor:pointer;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center}.remember-row{grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.remember-row input{width:16px;height:16px}.captcha-box{margin-top:6px;min-height:66px}.auth-submit{justify-self:start;min-width:170px}.form-info,.form-warning,.form-success,.form-error{font-size:.9rem;margin-top:6px}.field-error{color:#ff9ba5;font-size:.85rem;margin-top:-2px}.final-cta p.field-error{color:#ff5c74}.form-info{color:#c7c3e4}.form-warning{color:#ffe08a}.form-success{color:#8df3b2}.form-error{color:#ff9ba5}.auth-switch-text{color:#c7c3e4;font-size:.9rem;margin-top:6px}.auth-link-btn{border:none;background:transparent;color:#42a5ff;font-weight:600;cursor:pointer;padding:0}.auth-link-btn:hover{text-decoration:underline}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;pointer-events:none}.footer{padding:26px 0 34px;text-align:center;color:var(--text-muted);font-size:.9rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(24px)}}@media (prefers-reduced-motion: reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}.showcase-image{transition:none}}@media (max-width: 980px){.showcase-card{grid-template-columns:1fr}.showcase-image-wrap{min-height:260px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.topbar{flex-direction:column;gap:12px}.topbar-actions{width:100%;justify-content:center}.cards-grid,.color-grid{grid-template-columns:1fr}.hero{padding-top:36px}.showcase-card{padding:14px;gap:14px}.showcase-image-wrap{min-height:220px}.pulse-circle{width:144px;height:144px}.auth-submit{width:100%;justify-self:stretch}}