@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-dark:#09090e;--bg-mid:#16112a;--bg-light:#251b4a;--primary-purple:#9d4edd;--primary-blue:#4361ee;--accent-cyan:#00f5d4;--card-bg:#ffffff08;--card-hover:#ffffff14;--card-border:#ffffff1a;--card-border-hover:#9d4edd80;--text-main:#f8f9fa;--text-muted:#adb5bd;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 10% 20%, var(--bg-mid) 0%, var(--bg-dark) 90%);color:var(--text-main);scroll-behavior:smooth;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.bg-orb{filter:blur(80px);z-index:-1;opacity:.6;border-radius:50%;animation:20s infinite alternate float;position:fixed}.orb-1{background:var(--primary-purple);width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:var(--primary-blue);width:500px;height:500px;animation-delay:-10s;bottom:-200px;right:-100px}.orb-3{background:var(--accent-cyan);opacity:.3;width:300px;height:300px;animation-delay:-5s;top:40%;left:50%}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.app-container{perspective:1000px;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.quiz-container{max-width:800px;margin:4rem auto}h1{background:linear-gradient(90deg, var(--primary-blue), var(--primary-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800;line-height:1.1}h2{margin-bottom:1.5rem;font-size:2.5rem;font-weight:600}h3{margin-bottom:1rem;font-size:1.5rem;font-weight:600}p{color:var(--text-muted);line-height:1.6}.section-title{text-align:center;background:linear-gradient(90deg, var(--text-main), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);transform-style:preserve-3d;border-radius:24px;padding:2.5rem;transition:transform .3s,border-color .3s}.tilt-card{will-change:transform;transition:transform .1s}.navbar{justify-content:space-between;align-items:center;margin-bottom:4rem;padding:1rem 0;display:flex}.logo{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{color:var(--accent-cyan)}.nav-links a{color:var(--text-main);margin-left:2rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-blue)}.hero-section{justify-content:space-between;align-items:center;gap:4rem;min-height:70vh;display:flex}.hero-content{flex:1}.hero-subtitle{max-width:500px;margin-bottom:2rem;font-size:1.2rem}.hero-graphics{flex:1;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.floating-card{border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;animation:6s infinite alternate floatCard;display:flex;position:absolute}.card-1{animation-delay:0s;top:10%;right:10%}.card-2{animation-delay:-2s;bottom:20%;left:10%}.card-3{animation-delay:-4s;top:50%;right:30%}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.features-section{margin:8rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{border:1px solid var(--card-border);text-align:center;background:#0003;border-radius:20px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:var(--primary-purple);transform:translateY(-10px)}.feature-icon{color:var(--primary-purple);margin-bottom:1.5rem}.how-it-works-section{text-align:center;margin:8rem 0}.steps-container{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.step-box{text-align:center;flex:1;min-width:250px}.step-number{background:linear-gradient(135deg, var(--primary-blue), var(--primary-purple));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800;display:flex}.seo-content-section{text-align:left;max-width:900px;margin:8rem auto;padding:3rem}.seo-article h2{color:var(--primary-blue);margin-bottom:1.5rem;font-size:2.2rem}.seo-article h3{color:var(--primary-purple);margin-top:2.5rem;margin-bottom:1rem;font-size:1.5rem}.seo-article p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.seo-article strong{color:var(--text-main)}.faq-section{max-width:800px;margin:8rem auto}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:12px;padding:1.5rem;transition:all .3s}.faq-item:hover{border-color:var(--primary-blue);background:var(--card-hover)}.faq-question{justify-content:space-between;align-items:center;display:flex}.faq-question h4{margin:0;font-size:1.1rem;font-weight:600}.faq-icon{color:var(--primary-blue);transition:transform .3s}.faq-answer-container{transition:max-height .4s;overflow:hidden}.faq-answer{color:var(--text-muted);margin-top:1rem;line-height:1.6}.primary-btn{background:linear-gradient(135deg, var(--primary-blue), var(--primary-purple));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #9d4edd66}.option-btn{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-main);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.2rem;font-family:inherit;font-size:1.1rem;transition:all .3s;display:flex}.option-btn:hover{background:var(--card-hover);border-color:var(--card-border-hover);transform:translateY(-2px)translateZ(10px);box-shadow:0 10px 20px #0003}.option-btn.selected{border-color:var(--primary-purple);background:linear-gradient(135deg,#9d4edd33,#4361ee33)}.option-letter{width:32px;height:32px;color:var(--primary-purple);background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex}.fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-container{background:#ffffff1a;border-radius:4px;width:100%;height:6px;margin-bottom:2rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary-blue), var(--primary-purple));height:100%;transition:width .4s}.result-score{color:var(--accent-cyan);text-align:center;text-shadow:0 0 20px #00f5d44d;margin:1rem 0;font-size:4rem;font-weight:800}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.recommendation-card{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:16px;padding:1.5rem;transition:transform .3s,border-color .3s}.recommendation-card:hover{border-color:var(--primary-blue);background:#4361ee1a;transform:translateY(-5px)}.recommendation-icon{color:var(--primary-blue);margin-bottom:1rem;font-size:2rem}.footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-muted);margin-top:4rem;padding:3rem 0}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary-blue)}@media (width<=768px){.hero-section{text-align:center;flex-direction:column;margin-top:2rem}h1{font-size:2.5rem}.hero-subtitle{margin:0 auto 2rem}.nav-links{display:none}.floating-card{margin-bottom:1rem;animation:none;position:static}.hero-graphics{flex-direction:column;gap:1rem;height:auto}.features-grid{grid-template-columns:1fr}}