.global-drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.23,1,.32,1);z-index:9999;display:none}.global-drop-overlay.active{display:block;opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:glow-pulse 3s ease-in-out infinite}.global-drop-overlay.active.valid{background:radial-gradient(circle at 20% 80%,rgba(74,222,128,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.15) 0%,transparent 50%),#a78bfa14;box-shadow:inset 0 0 80px #a78bfa40,inset 0 0 150px #4ade8026,0 0 60px #a78bfa66,0 0 100px #4ade8040;animation:glow-pulse 3s ease-in-out infinite,glow-shift 8s ease-in-out infinite}.global-drop-overlay.active.invalid{background:radial-gradient(circle at 30% 70%,rgba(251,146,60,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(239,68,68,.12) 0%,transparent 50%),#ef44440f;box-shadow:inset 0 0 80px #ef44444d,inset 0 0 150px #fb923c26,0 0 60px #ef444480,0 0 100px #fb923c4d;animation:glow-pulse 3s ease-in-out infinite,glow-shift-red 8s ease-in-out infinite}@keyframes glow-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.2)}}@keyframes glow-shift{0%,to{box-shadow:inset 0 0 80px #a78bfa40,inset 0 0 150px #4ade8026,0 0 60px #a78bfa66,0 0 100px #4ade8040}50%{box-shadow:inset 0 0 80px #4ade8040,inset 0 0 150px #a78bfa26,0 0 60px #4ade8066,0 0 100px #a78bfa40}}@keyframes glow-shift-red{0%,to{box-shadow:inset 0 0 80px #ef44444d,inset 0 0 150px #fb923c26,0 0 60px #ef444480,0 0 100px #fb923c4d}50%{box-shadow:inset 0 0 80px #fb923c4d,inset 0 0 150px #ef444426,0 0 60px #fb923c80,0 0 100px #ef44444d}}.drop-message{position:absolute;top:12%;left:50%;transform:translate(-50%) scale(.95);font-family:Outfit,sans-serif;color:#1f2937;text-align:center;transition:transform .3s cubic-bezier(.23,1,.32,1);padding:4rem 6rem;background:radial-gradient(closest-side,#fffffff2 30%,#fff0);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;border:none;box-shadow:none;text-shadow:none;min-width:320px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.drop-msg-text{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em}.drop-arrow-icon{color:var(--primary);margin-top:.5rem;animation:gentle-float 2s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.global-drop-overlay.active .drop-message{transform:translate(-50%) scale(1)}.global-drop-overlay.invalid .drop-message{background:#0009;border-color:#ef44444d}.drop-hint-badge{position:fixed;bottom:2rem;right:2rem;background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:100px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px #a78bfa4d;animation:gentle-pulse 2s ease-in-out infinite;z-index:1000;transition:opacity .3s ease}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-cta-wrapper{position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.cta-pointer{position:absolute;left:auto;right:-60px;top:-25px;bottom:auto;width:90px;pointer-events:none;z-index:10}.arrow-img{width:100%;height:auto;opacity:.6;transform:rotate(180deg) scaleY(-1) scaleX(-1);filter:invert(65%) sepia(18%) saturate(1062%) hue-rotate(218deg) brightness(99%) contrast(94%)}@keyframes bounceLeft{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.resume-cta-btn{display:flex;align-items:center;gap:1.5rem;padding:1.75rem 2.5rem;background:#ffffffbf;border:2px solid rgba(139,92,246,.3);border-radius:24px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 40px -10px #a78bfa33,inset 0 0 20px #ffffff80;width:100%;max-width:520px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}@keyframes pulse-border{0%,to{opacity:.3}50%{opacity:.6}}.resume-cta-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa26,#ec48991a);animation:pulse-border 3s ease-in-out infinite;z-index:-1}.resume-cta-btn:hover{transform:translateY(-5px) scale(1.02);border-color:var(--primary);box-shadow:0 20px 60px -10px #a78bfa59,inset 0 0 0 2px #a78bfa1a}.resume-cta-btn:hover:before{animation:none;opacity:1}.resume-cta-btn i{font-size:2rem;color:var(--primary);filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))}.resume-cta-btn:hover i{color:var(--secondary)}.text-link-alt{font-size:.9rem;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:all .3s ease;margin-top:.25rem}.text-link-alt:hover{color:var(--primary);gap:.5rem}.text-link-alt i{font-size:1rem;transition:transform .3s ease}.text-link-alt:hover i{transform:translate(3px)}@keyframes shake-text{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.drop-message p.shake{display:inline-block;animation:shake-text .5s cubic-bezier(.36,.07,.19,.97) both;color:#ffd1d1}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.resume-cta-btn.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ef4444;background:#ef44440d}.upload-progress-container{margin-top:2rem;width:100%;max-width:500px}.upload-progress{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.progress-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.progress-icon{font-size:3rem;color:var(--primary)}.progress-icon i{display:block}#progressTitle{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0}#progressMessage{font-size:.95rem;color:var(--text-muted);margin:0;text-align:center}.progress-bar-container{width:100%;height:8px;background:#a78bfa1a;border-radius:100px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:100px;transition:width .3s ease;width:0%}.resend-btn{margin-top:1rem;padding:.75rem 1.5rem;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:8px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resend-btn:hover{background:var(--primary);color:#fff}@media (max-width: 768px){.drop-hint-badge{bottom:1rem;right:1rem;font-size:.8rem;padding:.6rem 1.2rem}.resume-cta-btn{padding:1rem 1.5rem;font-size:1rem}.drop-message{font-size:1.5rem}}#panel-reality{position:relative;background:transparent!important}#panel-reality:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0;mix-blend-mode:multiply}.reality-layout{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;max-width:1400px;width:100%;margin:0 auto;padding:0 2rem}.reality-text{flex:0 0 40%;text-align:left}.reality-text .feature-title{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:#1f2937;font-weight:800;letter-spacing:-.02em}.reality-bullets p{font-size:1.35rem;color:#4b5563;margin-bottom:.75rem;font-weight:500;display:block}.reality-bullets .highlight-text{color:#7c3aed;font-weight:700;margin-top:1.5rem;font-size:1.5rem}.reality-visual{flex:0 0 60%;display:flex;justify-content:center;align-items:center;position:relative}.flowchart-wrapper{position:relative;width:100%;max-width:800px;height:500px}.flow-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.flow-line-main{fill:none;stroke:#e5e7eb;stroke-width:2px;stroke-linecap:round;opacity:.8}.flow-line-sub{fill:none;stroke:#9ca3af;stroke-width:1px;stroke-linecap:round;opacity:.3}.flow-node{position:absolute;z-index:1;transition:all .3s ease;cursor:default}.flow-node:hover{transform:scale(1.05);z-index:10}.node-content{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:100px;background:#fff;box-shadow:0 4px 20px #0000000a;font-weight:600;color:#374151;border:1px solid #F3F4F6;font-size:1rem;white-space:nowrap}.node-icon{font-size:1.25rem;color:inherit;opacity:.8}.bg-red-light{background:#fef2f2;color:#991b1b;border-color:#fecaca}.bg-orange-light{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.bg-green-light{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.bg-blue-light{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.bg-purple-light{background:#faf5ff;color:#6b21a8;border-color:#e9d5ff}.node-prepared{top:50%;left:2%;transform:translateY(-50%)}.node-followup{top:12%;right:5%}.node-interrupt{top:32%;right:28%}.node-silence{top:52%;right:-4%}.node-pause{top:70%;right:22%}.node-pressure{top:88%;right:8%}@media (max-width: 1024px){.reality-layout{flex-direction:column;padding:0 1rem;gap:3rem}.reality-text,.reality-visual{flex:1 1 auto;width:100%;max-width:600px;text-align:center}.reality-text{text-align:center}.flowchart-wrapper{height:400px;transform:scale(.9)}.node-prepared{left:0}}#panel-core{background:transparent!important;color:#fff;position:relative;overflow:hidden}#panel-core:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,#818cf833,#1e1b4b00 70%);filter:blur(80px);z-index:0}#panel-core .feature-content{position:relative;z-index:2;text-align:left;max-width:600px}#panel-core .feature-title{color:#1f2937;font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800}#panel-core .feature-subtext{color:#4b5563;font-size:1.5rem;line-height:1.6}#panel-core .feature-visual{position:relative;z-index:2;flex:1;display:flex;justify-content:center;align-items:center}.ai-core-card{width:480px;height:320px;position:relative;display:flex;justify-content:center;align-items:center;background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible}.waveform-container{width:360px;height:360px;position:relative;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:translateY(-40px);transition:transform .4s ease-out,filter .4s ease-out}.waveform-container.attention-shift{transform:translateY(-40px) scale(1.02)}.waveform-container.attention-shift .candidate-head-img{filter:brightness(1.1) drop-shadow(0 0 25px rgba(129,140,248,.5))}.waveform-container:before{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background:conic-gradient(from 180deg at 50% 50%,#38bdf8,#818cf8,#c084fc,#38bdf8 360deg);filter:blur(60px);opacity:.25;z-index:-1;border-radius:50%;animation:spinGlow 15s linear infinite}@keyframes spinGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.candidate-head-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(56,189,248,.3));z-index:5;transition:filter .4s ease-out}.warning-icon{background:#f59e0b;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feedback-toast{position:absolute;z-index:20;padding:.6rem 1rem;border-radius:12px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-left-width:4px;font-size:.85rem;font-weight:500;color:#e2e8f0;display:flex;align-items:center;gap:.6rem;box-shadow:0 10px 40px #00000026;opacity:0;transform:translateY(10px) scale(.9);white-space:nowrap;pointer-events:none;font-family:Inter,sans-serif;letter-spacing:.02em}@keyframes toastPopAndFloat{0%{opacity:0;transform:translateY(30px) scale(.5);filter:blur(4px)}15%{opacity:1;transform:translateY(-8px) scale(1.05);filter:blur(0)}25%{transform:translateY(0) scale(1)}60%{transform:translateY(-4px)}to{transform:translateY(0)}}.feedback-toast.visible{animation:toastPopAndFloat 2.8s ease-out forwards;opacity:1}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-20px) scale(.9);filter:blur(8px)}}.feedback-toast.exiting{animation:toastExit .6s ease-in forwards}.toast-warning{border-left-color:#f59e0b;background:linear-gradient(90deg,#f59e0b26,#0f172ad9 50%)}.toast-success{border-left-color:#10b981;background:linear-gradient(90deg,#10b98126,#0f172ad9 50%)}.toast-neutral{border-left-color:#94a3b8;background:linear-gradient(90deg,#94a3b826,#0f172ad9 50%)}.toast-error{border-left-color:#ef4444;background:linear-gradient(90deg,#ef444426,#0f172ad9 50%)}.toast-icon{font-size:1rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}@media (max-width: 1024px){#panel-core{flex-direction:column;text-align:center;padding:4rem 1rem}#panel-core .feature-visual{margin-top:3rem;width:100%}#panel-core .ai-core-card{width:100%;max-width:320px}#panel-core .feature-content{max-width:100%;text-align:center}.feedback-bubble{right:auto;bottom:-40px;width:90%;left:50%;transform:translate(-50%);animation:none}}.feedback-toast.toast-left{border-left-width:1px;border-left-color:#ffffff1a!important;border-right-width:4px;justify-content:flex-end}.toast-left.toast-warning{border-right-color:#f59e0b;background:linear-gradient(to left,#f59e0b26,#0f172ad9 50%)}.toast-left.toast-success{border-right-color:#10b981;background:linear-gradient(to left,#10b98126,#0f172ad9 50%)}.toast-left.toast-neutral{border-right-color:#94a3b8;background:linear-gradient(to left,#94a3b826,#0f172ad9 50%)}.toast-left.toast-error{border-right-color:#ef4444;background:linear-gradient(to left,#ef444426,#0f172ad9 50%)}.response-timeline{position:absolute;top:85%;left:-20%;width:140%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.1) 20%,rgba(129,140,248,.2) 50%,rgba(56,189,248,.1) 80%,transparent 100%);z-index:1;pointer-events:none;transform:translateY(-20px);transition:all .6s ease-out}.response-timeline:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 10px,rgba(255,255,255,.2) 10px,rgba(255,255,255,.2) 12px);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);animation:timeFlow 8s linear infinite}@keyframes timeFlow{0%{background-position:0 0}to{background-position:100px 0}}.response-timeline.timeline-active{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.3) 20%,rgba(255,255,255,.6) 50%,rgba(56,189,248,.3) 80%,transparent 100%);filter:drop-shadow(0 0 5px rgba(129,140,248,.6));transition:all .1s ease-out}.intro-panel{position:relative;background:transparent!important;overflow:hidden}.parallax-layer{z-index:0}.blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(80px);opacity:.4;animation:drift 20s infinite alternate ease-in-out}.bloba{top:-10%;left:-10%;background:radial-gradient(circle,#a78bfa66,#c4b5fd00 70%);animation-delay:0s}.blobb{bottom:-10%;right:-10%;background:radial-gradient(circle,#e2725b4d,#fecaca00 70%);animation-delay:-5s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.intro-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:0;mix-blend-mode:multiply}.intro-panel .confidence-graph-area,.intro-panel .ambient-blobs{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.intro-panel .confidence-intro-container{position:relative;z-index:2}.intro-panel .display-title{font-size:4rem;margin-bottom:1.5rem;color:#111827;font-weight:800;letter-spacing:-.02em;text-shadow:0 20px 40px rgba(167,139,250,.1)}.intro-panel .section-subtitle{font-size:1.5rem;color:#4b5563;max-width:600px;margin:0 auto 1rem;line-height:1.5}.intro-panel .trust-micro{font-size:1rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.scroll-cue{margin-top:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;opacity:.7;transition:opacity .3s;width:fit-content;margin-left:auto;margin-right:auto;white-space:nowrap;flex-wrap:nowrap}.scroll-cue:hover{opacity:1}.scroll-text{font-size:.9rem;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;line-height:1}.bounce-arrow-right{font-size:1.5rem;line-height:1;color:#7c3aed;animation:bounceRight 2s infinite}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.intro-panel .trend-line{stroke:#8b5cf6!important;stroke-width:1px!important;stroke-dasharray:2000;stroke-dashoffset:2000;filter:drop-shadow(0 4px 6px rgba(139,92,246,.4));vector-effect:non-scaling-stroke;opacity:1!important}.intro-panel.active-trend .trend-line{animation:drawTrend 2.5s cubic-bezier(.22,1,.36,1) forwards}.intro-panel .confidence-graph-area path:not(.trend-line){fill:url(#auroraTrend);opacity:0}.intro-panel.active-trend .confidence-graph-area path:not(.trend-line){animation:fadeArea 1.5s ease-out 1s forwards}.trend-arrow-head{opacity:0}.intro-panel.active-trend .trend-arrow-head{animation:fadeArea .5s ease-out 2s forwards}@keyframes drawTrend{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes fadeArea{0%{opacity:0}to{opacity:.8}}#panel-progress{display:flex;justify-content:center;align-items:center;position:relative}.confidence-layout{width:100%;max-width:1100px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.confidence-header{position:absolute;top:15%;left:5%;z-index:20}.system-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;color:#f8fafc;letter-spacing:.05em;opacity:0;transform:translateY(20px);transition:all .8s ease-out;text-shadow:0 2px 4px rgba(0,0,0,.5)}.active-progress .system-title{opacity:1;transform:translateY(0);transition-delay:.2s}.system-subline{font-family:Inter,sans-serif;font-size:1rem;color:#94a3b8;margin-top:.5rem;max-width:480px;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.active-progress .system-subline{opacity:1;transform:translateY(0);transition-delay:.4s}.confidence-surface{position:relative;width:600px;height:500px;display:flex;justify-content:center;align-items:center}.grounded-user-container{width:220px;height:220px;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.9);transition:all 1s ease-out}.active-progress .grounded-user-container{opacity:1;transform:scale(1);transition-delay:.4s}.grounded-user-img{width:100%;height:100%;object-fit:contain;filter:grayscale(.4) brightness(.9);border-radius:50%}.stability-ring{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px solid rgba(56,189,248,.2);border-radius:50%;transform:scale(.95)}.active-progress .stability-ring{animation:stablePulse 4s infinite ease-in-out}@keyframes stablePulse{0%,to{transform:scale(1);opacity:.3;border-color:#38bdf833}50%{transform:scale(1.05);opacity:.6;border-color:#38bdf866}}.telemetry-signal{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .6s ease-out}.active-progress .telemetry-signal{opacity:1;transform:translateY(0)}.signal-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:600}.signal-pace{top:10%;right:0%;transition-delay:.5s}.signal-clarity{bottom:15%;left:0%;transition-delay:.7s}.signal-ramble{top:15%;left:-5%;transition-delay:.9s}.signal-followup{bottom:20%;right:-5%;transition-delay:1.1s}.pace-line{stroke-dasharray:120;stroke-dashoffset:0}.active-progress .pace-line{animation:stabilizePath 3s forwards ease-in-out}@keyframes stabilizePath{0%{d:path("M0,20 Q10,5 20,35 T40,10 T60,30 T80,5 T100,25 T120,20");stroke:#f59e0b;stroke-width:3}to{d:path("M0,20 L120,20");stroke:#38bdf8;stroke-width:1.5}}.clarity-brackets{display:flex;align-items:center;gap:20px;height:30px}.bracket{width:6px;height:100%;border:2px solid #64748B}.b-left{border-right:none}.b-right{border-left:none}.center-dot{width:6px;height:6px;background:#38bdf8;border-radius:50%;opacity:0}.active-progress .clarity-brackets{animation:bracketSnap 2s forwards cubic-bezier(.2,.8,.2,1)}.active-progress .center-dot{animation:dotAppear 2s forwards .5s}@keyframes bracketSnap{0%{gap:60px;opacity:.5}to{gap:8px;opacity:1}}@keyframes dotAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ramble-indicator{font-size:.9rem;font-family:monospace}.bad-signal{color:#ef4444;position:absolute}.good-signal{color:#10b981;opacity:0}.active-progress .bad-signal{animation:signalFade 2s forwards .5s}.active-progress .good-signal{animation:signalIn 2s forwards 1.5s}@keyframes signalFade{to{opacity:0;transform:translateY(-10px)}}@keyframes signalIn{to{opacity:1}}.lock-indicator{font-size:1.5rem;color:#38bdf8;transform:scale(.5);opacity:0}.active-progress .lock-indicator{animation:iconLock .6s cubic-bezier(.34,1.56,.64,1) forwards 1s}@keyframes iconLock{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.onboarding-overlay.active{opacity:1;pointer-events:auto}.onboarding-card{background:transparent;width:100%;max-width:700px;padding:2rem;box-shadow:none;text-align:center;position:relative;box-sizing:border-box}.step-container{display:none;flex-direction:column;gap:3rem;align-items:center;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.step-container.active{display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.onboarding-logo{position:absolute;top:3rem;left:10%;max-width:120px;height:auto;filter:invert(1) hue-rotate(180deg) brightness(.8);z-index:10001}.onboarding-title{font-family:Outfit,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--text-main);margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.onboarding-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--text-muted);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.input-group{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px;text-align:left}.input-label{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-left:.5rem}.onboarding-input{width:100%;padding:1.5rem 2rem;border:2px solid rgba(167,139,250,.15);border-radius:20px;font-family:Outfit,sans-serif;font-size:1.5rem;color:var(--text-main);transition:all .3s ease;background:#fff;box-shadow:0 4px 20px #00000008}.onboarding-input:focus{outline:none;border-color:var(--primary);box-shadow:0 10px 40px #a78bfa26;transform:translateY(-2px)}.onboarding-input::placeholder{color:#0003}.strength-meter{height:4px;width:100%;background:#0000001a;border-radius:2px;margin-top:.5rem;overflow:hidden;position:relative;max-width:500px}.strength-bar{height:100%;width:0%;transition:width .3s ease,background .3s ease;border-radius:2px}.strength-weak{background:#ef4444;width:33%}.strength-medium{background:#f59e0b;width:66%}.strength-strong{background:#10b981;width:100%}.password-feedback{font-size:.9rem;margin-top:.5rem;color:var(--text-muted);min-height:1.2rem;transition:all .3s ease;font-weight:500}.password-feedback.valid{color:#10b981}.onboarding-btn{width:100%;max-width:500px;padding:1.25rem;border-radius:16px;border:none;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;justify-content:center;align-items:center;gap:.75rem}.onboarding-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 30px #a78bfa40;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1),filter .3s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #a78bfa59;filter:brightness(1.1) saturate(1.2)}.flex-col{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.btn-secondary{background:transparent;color:var(--text-muted);font-size:1.1rem;padding:.5rem;margin-top:1rem}.btn-secondary:hover{color:var(--primary)}.step-dots{display:flex;gap:1rem;justify-content:center;margin-top:4rem}.step-dot{width:12px;height:12px;border-radius:50%;background:#0000001a;transition:all .5s ease}.step-dot.active{background:var(--primary);transform:scale(1.3)}@media (max-width: 768px){.onboarding-card{padding:1rem}.step-container{gap:2rem}.onboarding-input{font-size:1.2rem;padding:1rem 1.5rem}}