.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--header-h)}.hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:60px 60px;opacity:.5;pointer-events:none}.hero__bg-grid::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,transparent 40%,var(--color-bg) 100%)}.hero__inner{position:relative;z-index:1;text-align:center;padding:0 1.5rem;max-width:720px;animation:hero-fade-up .7s ease both}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-teal);margin-bottom:1.5rem}.hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--color-teal);animation:hero-blink 2s ease-in-out infinite}.hero__title{font-size:clamp(2.2rem, 5vw, 3.6rem);color:var(--color-text);margin-bottom:1.25rem;line-height:1.2}.hero__title-accent{color:var(--color-purple)}.hero__desc{font-size:clamp(.95rem, 1.5vw, 1.1rem);color:var(--color-text-sub);font-weight:300;line-height:1.8;margin-bottom:2.5rem}.hero__search{display:flex;gap:.5rem;max-width:520px;margin:0 auto 1.75rem}.hero__search-input{flex:1 1 auto;min-width:0;font-family:var(--font-sans);font-size:.95rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.8rem 1.1rem;transition:border-color var(--transition)}.hero__search-input:focus{outline:0;border-color:var(--color-purple)}.hero__search-btn{flex-shrink:0;font-family:var(--font-mono);font-size:.85rem;color:var(--color-purple);background:0 0;border:1px solid var(--color-purple);border-radius:var(--radius-sm);padding:0 1.4rem;cursor:pointer;transition:background var(--transition),color var(--transition)}.hero__search-btn:hover{background:var(--color-purple);color:var(--color-bg)}.hero__continue{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:520px;margin:2rem auto 0}.hero__continue[hidden]{display:none}.hero__continue-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--color-text-muted)}.hero__continue-card{display:flex;align-items:center;gap:.6rem;width:100%;padding:.8rem 1.1rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--transition)}.hero__continue-card:hover{border-color:var(--color-purple)}.hero__continue-subject{flex-shrink:0;font-family:var(--font-mono);font-size:.72rem;color:var(--color-purple)}.hero__continue-title{flex:1 1 auto;min-width:0;font-size:.95rem;font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero__continue-status{flex-shrink:0;font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .6rem}.hero__continue-status--done{color:var(--color-purple);border-color:var(--color-purple)}.hero__continue-all{font-size:.8rem;color:var(--color-text-muted);text-decoration:none}.hero__continue-all:hover{color:var(--color-purple)}.hero__cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.hero__circuit{position:absolute;right:-90%;top:50%;width:480px;opacity:.25;pointer-events:none;animation:hero-float 6s ease-in-out infinite}.subjects{padding:6rem 2rem}.subjects__inner{max-width:1200px;margin:0 auto}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.subject-card{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem 1.5rem;gap:1rem;overflow:hidden;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.subject-card:hover{border-color:var(--accent,var(--color-purple));background:var(--color-surface-2);transform:translateY(-3px)}.subject-card__accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent,var(--color-purple));border-radius:3px 0 0 3px;opacity:.8}.subject-card__body{flex:1;min-width:0}.subject-card__slug{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent,var(--color-purple));margin-bottom:.35rem;opacity:.8}.subject-card__name{font-size:1.5rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-card__arrow{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition),transform var(--transition)}.subject-card:hover .subject-card__arrow{color:var(--accent,var(--color-purple));transform:translateX(4px)}.about{padding:6rem 2rem;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.about__inner{max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-card{padding:2rem 1.75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition)}.about-card:hover{border-color:var(--color-border-hover)}.about-card__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--color-purple-dim);border-radius:var(--radius-sm);margin-bottom:1.25rem;color:var(--color-purple)}.about-card__icon svg{width:20px;height:20px}.about-card__title{font-size:1rem;font-weight:500;color:var(--color-text);margin-bottom:.6rem}.about-card__desc{font-size:.875rem;color:var(--color-text-muted);font-weight:300;line-height:1.7}@keyframes hero-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-blink{0%,100%{opacity:1}50%{opacity:.3}}@keyframes hero-float{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 16px))}}@media (max-width:1024px){.subject-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:repeat(2,1fr)}.hero__circuit{width:200px}}@media (max-width:640px){.subject-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero__circuit{position:absolute;width:360px;opacity:.15;top:50%;left:50%;z-index:0}.hero__inner{flex-direction:column;gap:0}.hero__text{position:relative;z-index:1}}[data-theme=light] .about{background:var(--color-surface);border-color:rgba(108,99,255,.15)}[data-theme=light] .about-card{background:var(--color-bg)}[data-theme=light] .subject-card{background:var(--color-surface)}[data-theme=light] .subject-card:hover{background:var(--color-surface-2)}[data-theme=light] .hero__bg-grid{opacity:.3}.hero__circuit-img{width:70%;height:70%}.hero__circuit-img--dark{display:block}.hero__circuit-img--light{display:none}[data-theme=light] .hero__circuit-img--dark{display:none}[data-theme=light] .hero__circuit-img--light{display:block}