.accent-landing-body{--bg-primary:#0a0a0f;--bg-card:#12121a;--bg-card-alt:#1a1a24;--bg-input:#0f0f15;--accent-purple:#8b5cf6;--accent-purple-light:#a855f7;--accent-yellow:#f0c14b;--accent-yellow-dim:#d4a843;--accent-green:#22c55e;--accent-blue:#3b82f6;--text-white:#fff;--text-gray:hsla(0,0%,100%,.6);--text-gray-dim:hsla(0,0%,100%,.4);--border-subtle:hsla(0,0%,100%,.06);--border-purple:rgba(139,92,246,.3);--border-yellow:rgba(240,193,75,.3);--glow-purple:rgba(139,92,246,.15);--glow-yellow:rgba(240,193,75,.15)}.accent-landing-body .bg-glow{position:fixed;pointer-events:none;z-index:0}.accent-landing-body .bg-glow-1{width:800px;height:800px;background:radial-gradient(circle,var(--glow-purple) 0,transparent 60%);top:-300px;right:-200px;animation:float 20s ease-in-out infinite}.accent-landing-body .bg-glow-2{width:600px;height:600px;background:radial-gradient(circle,var(--glow-yellow) 0,transparent 60%);bottom:0;left:-200px;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(40px,-40px) scale(1.1);opacity:.7}66%{transform:translate(-30px,30px) scale(.9);opacity:.4}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor,0 0 25px currentColor}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scoreProgress{0%{stroke-dashoffset:220}to{stroke-dashoffset:55}}@keyframes barFill{0%{width:0}to{width:75%}}.accent-landing-body .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.accent-landing-body .btn-primary{background:linear-gradient(135deg,var(--accent-yellow) 0,var(--accent-yellow-dim) 100%);color:#000;box-shadow:0 4px 20px rgba(240,193,75,.3)}.accent-landing-body .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.accent-landing-body .btn-primary:hover:before{left:100%}.accent-landing-body .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(240,193,75,.4)}.accent-landing-body .hero{min-height:calc(100vh - 65px - 71px - 40px);display:flex;align-items:center}.accent-landing-body .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:60px;gap:60px;align-items:center}.accent-landing-body .hero-content{animation:slideUp .6s ease-out}.accent-landing-body .hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-alt) 100%);border:1px solid var(--border-purple);border-radius:50px;margin-bottom:28px}.accent-landing-body .hero-badge-dot{width:8px;height:8px;background:var(--accent-purple);border-radius:50%;animation:glow 2s ease-in-out infinite}.accent-landing-body .hero-badge-text{font-size:.9rem;font-weight:500;color:var(--text-gray)}.accent-landing-body .new-badge{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-light));color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.accent-landing-body .hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--text-white);line-height:1.15;margin-bottom:20px}.accent-landing-body .hero h1 .highlight{background:linear-gradient(135deg,var(--accent-yellow) 0,var(--accent-yellow-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-landing-body .hero-subtitle{font-size:1.15rem;color:var(--text-gray);margin-bottom:36px;max-width:520px}.accent-landing-body .hero-features{display:flex;flex-direction:column;gap:16px;margin-bottom:36px}.accent-landing-body .hero-feature{display:flex;align-items:flex-start;gap:14px;animation:slideIn .5s ease-out backwards}.accent-landing-body .hero-feature:first-child{animation-delay:.2s}.accent-landing-body .hero-feature:nth-child(2){animation-delay:.3s}.accent-landing-body .hero-feature:nth-child(3){animation-delay:.4s}.accent-landing-body .hero-feature-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accent-landing-body .hero-feature-icon.purple{background:rgba(139,92,246,.15)}.accent-landing-body .hero-feature-icon.yellow{background:rgba(240,193,75,.15)}.accent-landing-body .hero-feature-icon.green{background:rgba(34,197,94,.15)}.accent-landing-body .hero-feature-icon svg{width:18px;height:18px}.accent-landing-body .hero-feature-content .h4{color:var(--text-white);font-size:.95rem;font-weight:600;margin-bottom:2px}.accent-landing-body .hero-feature-content p{color:var(--text-gray-dim);font-size:.85rem}.accent-landing-body .hero-cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.accent-landing-body .hero-cta-note{display:flex;align-items:center;gap:16px;color:var(--text-gray-dim);font-size:.85rem}.accent-landing-body .hero-cta-note span{display:flex;align-items:center;gap:6px}.accent-landing-body .hero-cta-note svg{width:14px;height:14px;stroke:var(--accent-green)}.accent-landing-body .hero-visual{animation:slideUp .6s ease-out .2s backwards}.accent-landing-body .hero-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-alt) 100%);border-radius:24px;padding:28px;border:1px solid var(--border-subtle);position:relative;overflow:hidden}.accent-landing-body .hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-yellow),var(--accent-green))}.accent-landing-body .hero-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--glow-purple) 0,transparent 60%);animation:pulse 4s ease-in-out infinite;pointer-events:none}.accent-landing-body .hero-card-content{position:relative;z-index:1}.accent-landing-body .hero-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.accent-landing-body .hero-card-flag{font-size:2.5rem}.accent-landing-body .hero-card-title{color:var(--text-white);font-size:1.25rem;font-weight:700}.accent-landing-body .hero-card-subtitle{color:var(--text-gray-dim);font-size:.85rem}.accent-landing-body .score-display{background:var(--bg-input);border:1px solid var(--border-purple);border-radius:16px;padding:24px;margin-bottom:24px;display:flex;align-items:center;gap:20px}.accent-landing-body .score-ring{width:80px;height:80px;position:relative;flex-shrink:0}.accent-landing-body .score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.accent-landing-body .score-ring circle{fill:none;stroke-width:6}.accent-landing-body .score-ring .bg{stroke:var(--bg-card)}.accent-landing-body .score-ring .progress{stroke:url(#scoreGradient);stroke-dasharray:220;stroke-dashoffset:55;stroke-linecap:round;animation:scoreProgress 2s ease-out forwards}.accent-landing-body .score-ring .value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--text-white)}.accent-landing-body .score-info .h4{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:4px}.accent-landing-body .score-info p{color:var(--text-gray-dim);font-size:.85rem}.accent-landing-body .score-bar{margin-top:10px;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.accent-landing-body .score-bar-fill{height:100%;width:75%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-yellow));border-radius:3px;animation:barFill 1.5s ease-out forwards}.accent-landing-body .card-features{display:flex;flex-direction:column;gap:14px}.accent-landing-body .card-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-input);border-radius:12px;border:1px solid var(--border-subtle);transition:all .2s ease}.accent-landing-body .card-feature:hover{border-color:var(--border-purple);transform:translateX(4px)}.accent-landing-body .card-feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.accent-landing-body .card-feature-icon.purple{background:rgba(139,92,246,.15)}.accent-landing-body .card-feature-icon.yellow{background:rgba(240,193,75,.15)}.accent-landing-body .card-feature-icon.green{background:rgba(34,197,94,.15)}.accent-landing-body .card-feature-icon svg{width:16px;height:16px}.accent-landing-body .card-feature-text h5{color:var(--text-white);font-size:.9rem;font-weight:600}.accent-landing-body .card-feature-text p{color:var(--text-gray-dim);font-size:.8rem}.accent-landing-body .pro-tip{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(168,85,247,.05));border:1px solid var(--border-purple);border-radius:12px;margin-top:20px}.accent-landing-body .pro-tip-icon{font-size:1.25rem;flex-shrink:0}.accent-landing-body .pro-tip-text{font-size:.85rem;color:var(--text-gray)}.accent-landing-body .pro-tip-text strong{color:var(--accent-purple-light)}.accent-landing-body .score-section{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;margin-bottom:20px}.accent-landing-body .score-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.accent-landing-body .score-label{font-size:1rem;font-weight:600;color:var(--text-white)}.accent-landing-body .score-value{font-size:1.1rem;font-weight:700;color:var(--text-white)}.accent-landing-body .score-bar-container{display:flex;align-items:center;gap:10px;margin-bottom:8px}.accent-landing-body .score-max,.accent-landing-body .score-min{font-size:.75rem;color:var(--text-gray-dim)}.accent-landing-body .score-bar-full{flex:1 1;height:10px;background:var(--bg-card);border-radius:5px;overflow:hidden;position:relative}.accent-landing-body .score-bar-fill-gradient{position:absolute;top:0;left:0;width:75%;height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b 35%,#eab308 50%,#22c55e);border-radius:5px;animation:barFill 1.5s ease-out forwards}.accent-landing-body .score-labels{display:flex;justify-content:space-between}.accent-landing-body .score-low{font-size:.75rem;color:#f87171}.accent-landing-body .score-high{font-size:.75rem;color:#4ade80}.accent-landing-body .ai-coach-section{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:16px;padding:20px}.accent-landing-body .ai-coach-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.accent-landing-body .ai-coach-icon{font-size:1.1rem}.accent-landing-body .ai-coach-title{font-size:.95rem;font-weight:600;color:#60a5fa}.accent-landing-body .ai-coach-vibe{font-size:.9rem;color:var(--text-white);margin-bottom:8px}.accent-landing-body .ai-coach-vibe strong{color:var(--accent-purple-light)}.accent-landing-body .ai-coach-text{font-size:.85rem;color:var(--text-gray);line-height:1.5;margin-bottom:12px}.accent-landing-body .ai-coach-detail{font-size:.8rem;color:var(--text-gray-dim);line-height:1.6;padding:12px;background:var(--bg-card);border-radius:10px;margin-bottom:12px}.accent-landing-body .detail-label{color:var(--accent-yellow);font-weight:500}.accent-landing-body .ai-coach-tip{font-size:.85rem;color:var(--accent-purple-light);font-style:italic;margin:0}.accent-landing-body .feedback-section{display:flex;flex-direction:column;gap:12px}.accent-landing-body .feedback-teaser{display:flex;flex-direction:column;gap:10px}.accent-landing-body .teaser-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s ease}.accent-landing-body .teaser-item:hover{border-color:var(--border-purple);transform:translateX(4px)}.accent-landing-body .teaser-icon{font-size:1.1rem}.accent-landing-body .teaser-text{font-size:.9rem;color:var(--text-white);font-weight:500}.accent-landing-body .teaser-item.strengths .teaser-text{color:#4ade80}.accent-landing-body .teaser-item.weaknesses .teaser-text{color:#fbbf24}.accent-landing-body .teaser-item.advice .teaser-text{color:var(--accent-purple-light)}.accent-landing-body section{position:relative}.accent-landing-body .section-header{text-align:center;max-width:700px;margin:0 auto 60px}.accent-landing-body .section-label{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent-purple-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.accent-landing-body .section-label-dot{width:8px;height:8px;background:var(--accent-purple);border-radius:50%}.accent-landing-body .section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--text-white);line-height:1.2;margin-bottom:16px}.accent-landing-body .section-subtitle{font-size:1.1rem;color:var(--text-gray)}.accent-landing-body .how-it-works{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-primary) 100%)}.accent-landing-body .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.accent-landing-body .step-card{background:linear-gradient(135deg,var(--bg-card-alt) 0,var(--bg-card) 100%);border:1px solid var(--border-subtle);border-radius:20px;padding:32px 28px;position:relative;transition:all .3s ease;overflow:hidden}.accent-landing-body .step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-purple-light));opacity:0;transition:opacity .3s ease}.accent-landing-body .step-card:hover{transform:translateY(-4px);border-color:var(--border-purple)}.accent-landing-body .step-card:hover:before{opacity:1}.accent-landing-body .step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-purple-light) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:20px}.accent-landing-body .step-card h3{font-size:1.2rem;font-weight:700;color:var(--text-white);margin-bottom:10px}.accent-landing-body .step-card p{font-size:.95rem;color:var(--text-gray)}.accent-landing-body .features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.accent-landing-body .feature-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-alt) 100%);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;transition:all .3s ease;position:relative;overflow:hidden}.accent-landing-body .feature-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--glow-purple) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.accent-landing-body .feature-card:hover{transform:translateY(-4px);border-color:var(--border-purple)}.accent-landing-body .feature-card:hover:before{opacity:1}.accent-landing-body .feature-card-content{position:relative;z-index:1}.accent-landing-body .feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.accent-landing-body .feature-icon.purple{background:rgba(139,92,246,.15)}.accent-landing-body .feature-icon.yellow{background:rgba(240,193,75,.15)}.accent-landing-body .feature-icon.green{background:rgba(34,197,94,.15)}.accent-landing-body .feature-icon.blue{background:rgba(59,130,246,.15)}.accent-landing-body .feature-icon svg{width:26px;height:26px}.accent-landing-body .feature-card h3{font-size:1.2rem;font-weight:700;color:var(--text-white);margin-bottom:10px}.accent-landing-body .feature-card p{font-size:.95rem;color:var(--text-gray);line-height:1.6}.accent-landing-body .faq-section{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-card) 100%)}.accent-landing-body .faq-grid{max-width:800px;margin:0 auto}.accent-landing-body .faq-item{border-bottom:1px solid var(--border-subtle)}.accent-landing-body .faq-question{width:100%;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit}.accent-landing-body .faq-question h3{font-size:1.1rem;font-weight:600;color:var(--text-white);transition:color .2s ease}.accent-landing-body .faq-question:hover h3{color:var(--accent-purple-light)}.accent-landing-body .faq-icon{width:36px;height:36px;background:var(--bg-card-alt);border:1px solid var(--border-subtle);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.accent-landing-body .faq-icon svg{width:16px;height:16px;stroke:var(--text-gray);transition:all .3s ease}.accent-landing-body .faq-item.active .faq-icon{background:linear-gradient(135deg,var(--accent-purple),var(--accent-purple-light));border-color:transparent}.accent-landing-body .faq-item.active .faq-icon svg{stroke:#fff;transform:rotate(45deg)}.accent-landing-body .faq-answer{max-height:0;overflow:hidden;transition:all .4s ease}.accent-landing-body .faq-item.active .faq-answer{max-height:300px;padding-bottom:24px}.accent-landing-body .faq-answer p{color:var(--text-gray);font-size:1rem;line-height:1.7}.accent-landing-body .cta-section{text-align:center}.accent-landing-body .cta-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-card-alt) 100%);border:1px solid var(--border-subtle);border-radius:28px;padding:60px 40px;position:relative;overflow:hidden}.accent-landing-body .cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-yellow),var(--accent-green))}.accent-landing-body .cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--glow-yellow) 0,transparent 60%);pointer-events:none}.accent-landing-body .cta-content{position:relative;z-index:1}.accent-landing-body .cta-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--text-white);margin-bottom:16px}.accent-landing-body .cta-subtitle{font-size:1.1rem;color:var(--text-gray);max-width:550px;margin:0 auto 32px}.accent-landing-body .cta-features{display:flex;justify-content:center;gap:28px;margin-top:24px;flex-wrap:wrap}.accent-landing-body .cta-feature{display:flex;align-items:center;gap:8px;color:var(--text-gray);font-size:.95rem}.accent-landing-body .cta-feature svg{width:18px;height:18px;stroke:var(--accent-green)}.accent-landing-body .related-section{background:var(--bg-card)}.accent-landing-body .related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.accent-landing-body .related-card{background:var(--bg-card-alt);border:1px solid var(--border-subtle);border-radius:16px;padding:28px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.accent-landing-body .related-card:hover{transform:translateY(-4px);border-color:var(--border-purple);background:linear-gradient(135deg,var(--bg-card-alt) 0,#252532 100%)}.accent-landing-body .related-flag{font-size:2.5rem;margin-bottom:12px;display:block}.accent-landing-body .related-card h3{font-size:1rem;font-weight:600;color:var(--text-white)}@media(max-width:1024px){.accent-landing-body .hero-grid{grid-template-columns:1fr;gap:50px}.accent-landing-body .hero-visual{max-width:500px;margin:0 auto}.accent-landing-body .features-grid,.accent-landing-body .steps-grid{grid-template-columns:1fr}.accent-landing-body .related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.accent-landing-body .section-header{margin:0 auto 30px}.accent-landing-body .hero-cta{flex-direction:column;align-items:stretch}.accent-landing-body .hero-cta-note{justify-content:center}.accent-landing-body .cta-card{padding:40px 24px}.accent-landing-body .cta-features{flex-direction:column;gap:12px}.accent-landing-body .related-grid{grid-template-columns:1fr}}