*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1a1a2e;background:#fff}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 60px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000014;z-index:1000}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:42px;height:42px}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:#555;font-weight:500;transition:color .2s}.nav-links a:hover{color:#6c63ff}.nav-cta{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff!important;padding:10px 24px;border-radius:25px;font-weight:600!important;transition:transform .2s,box-shadow .2s!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c63ff66;color:#fff!important}.hero{min-height:100vh;display:flex;align-items:center;padding:100px 60px 60px;background:linear-gradient(135deg,#f5f3ff,#e8f4fd,#f0f9ff);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 70%)}.hero:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(79,172,254,.1) 0%,transparent 70%)}.hero-content{flex:1;max-width:600px;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:#6c63ff1a;color:#6c63ff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(108,99,255,.2)}.hero h1{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:20px;color:#1a1a2e}.hero h1 span{background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;color:#666;line-height:1.7;margin-bottom:36px}.hero-buttons{display:flex;gap:16px;align-items:center}.btn-primary{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;padding:16px 36px;border-radius:30px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #6c63ff66}.btn-secondary{color:#6c63ff;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.btn-secondary:hover{gap:10px}.hero-stats{display:flex;gap:24px;margin-top:32px}.stat{text-align:center}.stat-num{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:#999;margin-top:2px}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;z-index:1}.hero-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 30px 80px #6c63ff33;width:380px;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero-card-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.hero-card-dot{width:12px;height:12px;border-radius:50%}.hero-card-question{background:#f5f3ff;border-radius:12px;padding:16px;margin-bottom:14px;font-size:.9rem;color:#444;line-height:1.5}.hero-card-options{display:flex;flex-direction:column;gap:8px}.option{padding:10px 16px;border-radius:10px;font-size:.85rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.option.correct{background:#e8fff4;border-color:#22c55e;color:#15803d;font-weight:600}.option.normal{background:#f8f8f8;color:#555}.option.normal:hover{background:#f0eeff;border-color:#6c63ff}.hero-explanation{margin-top:16px;padding:12px;background:#e8fff4;border-radius:10px;font-size:.82rem;color:#15803d}.how-it-works{padding:100px 60px;background:#fff;text-align:center}.section-badge{display:inline-block;background:linear-gradient(135deg,#6c63ff1a,#4facfe1a);color:#6c63ff;padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px;border:1px solid rgba(108,99,255,.2)}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:16px;color:#1a1a2e}.section-subtitle{font-size:1.1rem;color:#888;max-width:500px;margin:0 auto 60px;line-height:1.6}.steps{display:flex;justify-content:center;gap:40px;position:relative}.steps:before{content:"";position:absolute;top:45px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,#6c63ff,#4facfe);opacity:.3}.step{display:flex;flex-direction:column;align-items:center;max-width:200px}.step-icon{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#4facfe);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:20px;position:relative;z-index:1;box-shadow:0 10px 30px #6c63ff4d}.step h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}.step p{font-size:.9rem;color:#888;line-height:1.5;text-align:center}.features{padding:100px 60px;background:linear-gradient(135deg,#f5f3ff,#f0f9ff)}.features-header{text-align:center;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}.feature-card{background:#fff;border-radius:20px;padding:32px;transition:transform .3s,box-shadow .3s;border:1px solid rgba(108,99,255,.08)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #6c63ff26}.feature-emoji{font-size:2.5rem;margin-bottom:16px;display:block}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#1a1a2e}.feature-card p{font-size:.9rem;color:#888;line-height:1.6}.subjects{padding:100px 60px;background:#fff;text-align:center}.subjects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:800px;margin:0 auto}.subject-chip{display:flex;align-items:center;gap:8px;padding:14px 24px;border-radius:50px;background:#f5f3ff;border:2px solid transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;color:#444}.subject-chip:hover{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #6c63ff4d}.clusters-section{padding:100px 60px;background:#fff}.clusters-header{text-align:center;margin-bottom:60px}.clusters-grid{display:flex;flex-direction:column;gap:20px;max-width:860px;margin:0 auto 32px}.cluster-card{display:flex;align-items:flex-start;gap:24px;background:#fafafa;border:1px solid #eee;border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s}.cluster-card:hover{transform:translate(6px);box-shadow:0 8px 30px #6c63ff1f}.cluster-num{min-width:52px;height:52px;border-radius:14px;color:#fff;font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:center}.cluster-info{flex:1}.cluster-info h3{font-size:1.05rem;font-weight:800;color:#1a1a2e;margin-bottom:2px}.cluster-direction{font-size:.85rem;color:#888;margin-bottom:12px}.cluster-subjects{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.cluster-subject{background:#f0eeff;color:#6c63ff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.cluster-example{font-size:.82rem;color:#aaa}.ntc-note{text-align:center;font-size:.85rem;color:#bbb;margin-top:8px}.ntc-note a{color:#6c63ff;text-decoration:none;font-weight:600}.ntc-note a:hover{text-decoration:underline}.cta-section{padding:100px 60px;background:linear-gradient(135deg,#6c63ff,#4facfe);text-align:center;color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:#ffffff0f}.cta-section:after{content:"";position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#ffffff0f}.cta-section h2{font-size:2.8rem;font-weight:900;margin-bottom:16px;position:relative;z-index:1}.cta-section p{font-size:1.15rem;opacity:.9;margin-bottom:40px;position:relative;z-index:1}.btn-white{background:#fff;color:#6c63ff;padding:16px 44px;border-radius:30px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;position:relative;z-index:1}.btn-white:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0003}.footer{background:#1a1a2e;color:#aaa;padding:40px 60px;text-align:center}.footer-logo{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.footer-logo-text{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer p{font-size:.9rem;opacity:.6}@media (max-width: 768px){.navbar{padding:14px 20px}.nav-links{display:none}.hero{flex-direction:column;padding:100px 20px 60px;text-align:center}.hero h1{font-size:2.2rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.hero-visual{margin-top:40px}.hero-card{width:100%}.steps{flex-direction:column;align-items:center;gap:30px}.steps:before{display:none}.features-grid{grid-template-columns:1fr}.cluster-card{flex-direction:column;align-items:flex-start}.how-it-works,.features,.clusters-section,.cta-section,.footer{padding:60px 20px}.section-title{font-size:1.8rem}.cta-section h2{font-size:2rem}}.select-page{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#e8f4fd);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.select-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000f;position:sticky;top:0;z-index:100}.back-link{text-decoration:none;color:#6c63ff;font-weight:600;font-size:.9rem;transition:opacity .2s}.back-link:hover{opacity:.7}.select-logo-text{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.select-content{max-width:720px;margin:0 auto;padding:48px 24px 80px}.select-title-block{text-align:center;margin-bottom:40px}.select-title-block h1{font-size:2rem;font-weight:900;color:#1a1a2e;margin-bottom:8px}.select-title-block p{color:#888;font-size:1rem}.step-block{margin-bottom:32px}.step-label{font-size:.85rem;font-weight:700;color:#6c63ff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.cluster-list{display:flex;flex-direction:column;gap:10px}.cluster-btn{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid #eee;border-radius:16px;padding:14px 18px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.cluster-btn:hover{border-color:var(--cluster-color);box-shadow:0 4px 16px #6c63ff1a;transform:translate(4px)}.cluster-btn.active{border-color:var(--cluster-color);background:linear-gradient(135deg,#6c63ff0a,#4facfe0a);box-shadow:0 4px 20px #6c63ff26}.cluster-btn-num{min-width:40px;height:40px;border-radius:10px;color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.cluster-btn-info{display:flex;flex-direction:column;gap:2px}.cluster-btn-name{font-weight:700;color:#1a1a2e;font-size:.95rem}.cluster-btn-dir{font-size:.8rem;color:#999}.subject-list{display:flex;flex-wrap:wrap;gap:10px}.subject-btn{padding:12px 22px;border-radius:50px;border:2px solid #e0e0ff;background:#fff;color:#444;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.subject-btn:hover:not(.disabled){background:#f0eeff;border-color:#6c63ff;color:#6c63ff}.subject-btn.active{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;border-color:transparent;box-shadow:0 6px 20px #6c63ff59}.subject-btn.disabled{opacity:.45;cursor:not-allowed}.coming-soon{font-size:.65rem;background:#eee;color:#aaa;padding:1px 6px;border-radius:8px;margin-left:6px;font-weight:500}.start-block{background:#fff;border-radius:20px;padding:28px;box-shadow:0 8px 40px #6c63ff1f;border:1px solid rgba(108,99,255,.1)}.test-info{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.info-item{font-size:.9rem;color:#555}.start-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6c63ff66}@media (max-width: 480px){.select-header{padding:12px 16px}.select-content{padding:24px 16px 60px}.select-title-block h1{font-size:1.5rem}}.quiz-page{min-height:100vh;background:#f7f6ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.quiz-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;z-index:100}.quit-btn{background:none;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:.85rem;color:#888;cursor:pointer;transition:all .2s}.quit-btn:hover{border-color:#e63946;color:#e63946}.quiz-progress-label{font-weight:700;font-size:.95rem;color:#555}.timer{font-weight:800;font-size:1.05rem;color:#6c63ff;background:#6c63ff14;padding:6px 14px;border-radius:20px}.timer.warning{color:#e63946;background:#e639461a;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.quiz-progress-bar{height:4px;background:#e8e8f8}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#6c63ff,#4facfe);transition:width .4s ease}.quiz-content{flex:1;max-width:680px;margin:0 auto;padding:32px 20px 40px;width:100%}.question-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 40px #6c63ff1a;margin-bottom:20px}.question-subject-tag{display:inline-block;background:#6c63ff1a;color:#6c63ff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:16px}.question-text{font-size:1.1rem;font-weight:600;color:#1a1a2e;line-height:1.6;margin-bottom:24px}.options-list{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:2px solid #eee;background:#fafafa;cursor:pointer;transition:all .2s;text-align:left;width:100%}.opt:hover:not(:disabled){border-color:#6c63ff;background:#f0eeff}.opt-selected{border-color:#6c63ff!important;background:#6c63ff14!important}.opt-correct{border-color:#22c55e!important;background:#e8fff4!important}.opt-wrong{border-color:#e63946!important;background:#fff0f1!important}.opt-dim{opacity:.45;cursor:default}.opt-letter{min-width:32px;height:32px;border-radius:8px;background:#f0eeff;color:#6c63ff;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.opt-correct .opt-letter{background:#22c55e;color:#fff}.opt-wrong .opt-letter{background:#e63946;color:#fff}.opt-text{font-size:.95rem;color:#333;line-height:1.4}.explanation{margin-top:18px;padding:14px 16px;border-radius:12px;font-size:.88rem;line-height:1.6}.exp-correct{background:#e8fff4;color:#15803d;border:1px solid #86efac}.exp-wrong{background:#fff0f1;color:#b91c1c;border:1px solid #fca5a5}.quiz-actions{display:flex;justify-content:flex-end}.confirm-btn{padding:14px 36px;border-radius:14px;border:none;background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6c63ff59}.confirm-btn:disabled{opacity:.35;cursor:not-allowed}.next-btn{padding:14px 36px;border-radius:14px;border:none;background:linear-gradient(135deg,#2d9e6b,#4facfe);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.next-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2d9e6b59}.quiz-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}@media (max-width: 480px){.quiz-topbar{padding:12px 16px}.quiz-content{padding:20px 12px 40px}.question-card{padding:20px 16px}.question-text{font-size:1rem}}.results-page{min-height:100vh;background:#f7f6ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.results-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;box-shadow:0 2px 12px #0000000f;position:sticky;top:0;z-index:100}.res-back,.res-retry{padding:8px 16px;border-radius:10px;border:1px solid #ddd;background:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;color:#555}.res-back:hover{border-color:#6c63ff;color:#6c63ff}.res-retry:hover{border-color:#2d9e6b;color:#2d9e6b}.res-logo{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#6c63ff,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-content{max-width:680px;margin:0 auto;padding:32px 20px 60px}.score-card{background:#fff;border-radius:24px;padding:36px;box-shadow:0 10px 50px #6c63ff21;text-align:center;margin-bottom:28px}.score-emoji{font-size:3.5rem;margin-bottom:10px}.score-pct{font-size:3.5rem;font-weight:900;line-height:1;margin-bottom:4px}.score-grade{font-size:1.3rem;font-weight:800;margin-bottom:8px}.score-msg{font-size:.95rem;color:#888;margin-bottom:24px;max-width:380px;margin-left:auto;margin-right:auto}.score-details{display:flex;justify-content:center;gap:32px;margin-bottom:20px}.score-detail{display:flex;flex-direction:column;align-items:center;gap:4px}.sd-num{font-size:1.8rem;font-weight:900}.sd-label{font-size:.78rem;color:#aaa;font-weight:600}.score-bar{height:10px;background:#eee;border-radius:10px;overflow:hidden}.score-bar-fill{height:100%;border-radius:10px;transition:width .6s ease}.answers-section h2{font-size:1.2rem;font-weight:800;color:#1a1a2e;margin-bottom:14px}.answer-item{background:#fff;border-radius:16px;padding:18px 20px;margin-bottom:12px;border-left:4px solid #eee}.ans-correct{border-left-color:#22c55e}.ans-wrong{border-left-color:#e63946}.ans-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ans-num{width:26px;height:26px;border-radius:50%;background:#f0eeff;color:#6c63ff;font-weight:800;font-size:.78rem;display:flex;align-items:center;justify-content:center}.ans-status{font-size:.82rem;font-weight:700}.ans-question{font-size:.9rem;font-weight:600;color:#222;margin-bottom:8px;line-height:1.5}.ans-chosen{font-size:.82rem;color:#888;margin-bottom:4px}.chosen-wrong{color:#e63946;font-weight:600}.ans-correct-opt{font-size:.82rem;color:#555;margin-bottom:8px}.correct-opt{color:#15803d;font-weight:600}.ans-exp{font-size:.8rem;color:#888;background:#f8f8ff;padding:8px 12px;border-radius:8px;line-height:1.5}.mistakes-tip{background:#f77f000f;border:1px solid rgba(247,127,0,.2);border-radius:16px;padding:20px;margin-bottom:24px}.mistakes-tip h3{font-size:1rem;font-weight:700;color:#f77f00;margin-bottom:6px}.mistakes-tip p{font-size:.88rem;color:#666;line-height:1.5}.results-cta{display:flex;gap:12px;flex-wrap:wrap}.btn-retry,.btn-new{flex:1;min-width:200px;padding:14px 20px;border-radius:14px;border:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-retry{background:linear-gradient(135deg,#6c63ff,#4facfe);color:#fff}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6c63ff59}.btn-new{background:#fff;color:#6c63ff;border:2px solid #6c63ff}.btn-new:hover{background:#6c63ff0f}@media (max-width: 480px){.results-header{padding:12px 16px}.results-content{padding:20px 12px 50px}.score-card{padding:24px 16px}.score-pct{font-size:2.5rem}.results-cta{flex-direction:column}}