:root{--primary: #663399;--secondary: #e63946;--accent: #4b2e83;--accent-light: #9d72ff;--dark: #0f1121;--light: #f5f5f5;--success: #4caf50;--danger: #f44336;--warning: #ff9800;--info: #00bcd4;--cyan: #3dd9eb;--blue: #5bb0ff;--green: #4cff9f;--orange: #ffb74d;--font-primary: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-secondary: "Rajdhani", "Orbitron", "Poppins", sans-serif;--font-mono: "Courier New", Courier, monospace;--text-color: var(--light);--text-muted: rgba(245, 245, 245, .7);--text-inverse: var(--dark);--heading-weight: 800;--body-weight: 400;--line-height: 1.6;--bg-primary: var(--dark);--bg-secondary: rgba(26, 26, 46, .95);--bg-card: rgba(26, 26, 46, .8);--bg-overlay: rgba(0, 0, 0, .6);--glow-purple: 0 0 10px rgba(157, 114, 255, .8), 0 0 25px rgba(157, 114, 255, .5);--glow-cyan: 0 0 10px rgba(61, 217, 235, .8), 0 0 25px rgba(61, 217, 235, .5);--glow-red: 0 0 10px rgba(230, 57, 70, .8), 0 0 25px rgba(230, 57, 70, .5);--glow-green: 0 0 10px rgba(76, 175, 80, .8), 0 0 25px rgba(76, 175, 80, .5);--glow-orange: 0 0 10px rgba(255, 152, 0, .8), 0 0 25px rgba(255, 152, 0, .5);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--border-light: 1px solid rgba(157, 114, 255, .25);--border-strong: 1px solid rgba(157, 114, 255, .5);--border-cyan: 1px solid rgba(61, 217, 235, .4);--border-red: 1px solid rgba(230, 57, 70, .5);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 36px;--radius-round: 9999px;--gradient-primary: linear-gradient(45deg, var(--secondary), var(--primary));--gradient-accent: linear-gradient(45deg, var(--primary), var(--accent));--gradient-cyber: linear-gradient(90deg, var(--cyan), var(--accent-light));--gradient-danger: linear-gradient(90deg, var(--danger), var(--secondary));--gradient-green: linear-gradient(90deg, #43e97b, #38f9d7);--transition-fast: .2s ease-in-out;--transition-medium: .4s ease-in-out;--transition-slow: .6s ease-in-out;--animation-float: float 6s ease-in-out infinite;--animation-glow: pulse-glow 3s infinite alternate;--opacity-low: .25;--opacity-medium: .6;--opacity-high: .9;--container-max: 1400px;--bp-xl: 1200px;--bp-lg: 992px;--bp-md: 768px;--bp-sm: 576px;--z-base: 1;--z-header: 1000;--z-overlay: 1100;--z-modal: 1200;--z-tooltip: 1300;--z-toast: 1400}[data-theme=dark]{--background: var(--bg-primary);--foreground: var(--light);--surface: var(--bg-secondary);--card-bg: var(--bg-card);--border-color: rgba(157, 114, 255, .3);--text-color: var(--light);--text-muted: rgba(245, 245, 245, .7)}[data-theme=light]{--background: var(--light);--foreground: var(--dark);--surface: #ffffff;--card-bg: #ffffff;--border-color: rgba(102, 51, 153, .2);--text-color: var(--dark);--text-muted: rgba(0, 0, 0, .6)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #9d72ff66}to{box-shadow:0 0 20px #9d72ffe6,0 0 30px #3dd9eb80}}.topside-layout{background-color:#1a1a2e;color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}.topside-hero{position:relative;height:55vh;background:linear-gradient(135deg,#639,#3dd9eb);display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}.topside-hero--compact{height:38vh}.topside-hero--tall{height:70vh}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(230,57,70,.15) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(61,217,235,.15) 0%,transparent 40%);z-index:1;animation:topside-pulse 10s infinite alternate}@keyframes topside-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.05)}}.hero-content{position:relative;z-index:2;padding:0 20px}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(90deg,#e63946,#639,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(157,114,255,.4)}.hero-subtitle{font-size:1.2rem;margin-top:15px;color:#d9d9ff}.topside-main{flex:1;padding:60px 20px;max-width:1200px;margin:0 auto}.character-page{background:#0f1121;color:#e9e9f1;min-height:100vh;padding:120px 0 60px;display:flex;flex-direction:column;align-items:center}.character-header{text-align:center;margin-bottom:50px}.character-header h1{font-size:3rem;font-weight:800;background:linear-gradient(45deg,#e63946,#639,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(157,114,255,.6)}.character-profile{display:flex;flex-wrap:wrap;gap:40px;width:90%;max-width:1200px;background-color:#1a1a2ee6;border-radius:20px;border:1px solid rgba(157,114,255,.3);box-shadow:0 0 25px #9d72ff40;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.character-portrait{flex:1 1 350px;position:relative;text-align:center}.character-portrait .portrait-media{width:100%;max-width:400px;aspect-ratio:3 / 4;margin:0 auto;border-radius:15px;overflow:hidden;background:#0b0e1e;border:1px solid rgba(157,114,255,.3);box-shadow:0 0 20px #3dd9eb4d}.character-portrait .portrait-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,box-shadow .4s ease,filter .3s ease}.character-portrait .portrait-media img:hover{transform:scale(1.03);box-shadow:0 0 35px #9d72ff80;filter:saturate(1.06)}.badge{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.3px;color:#0e1024;background:#fff;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 24px #00000040}.badge-kids{background:linear-gradient(135deg,#42d1ff,#3dd9eb);color:#081019}.badge-teens{background:linear-gradient(135deg,#57e39a,#35d07f);color:#061014}.badge-adults{background:linear-gradient(135deg,#ffd27a,#ffc857);color:#0e1024}.badge-expert{background:linear-gradient(135deg,#ff758c,#ff5a6a);color:#fff}.character-details{flex:2 1 500px}.character-details h2,.character-details h3{color:#9d72ff;margin-top:20px;margin-bottom:10px;font-weight:700}.abilities-grid{display:flex;flex-direction:column;gap:12px}.ability-row{display:flex;align-items:center;gap:10px}.ability-name{width:160px;font-weight:600}.ability-bar{flex:1;height:10px;background-color:#9d72ff26;border-radius:5px;overflow:hidden}.ability-fill{height:100%;background:linear-gradient(90deg,#639,#3dd9eb);border-radius:5px;transition:width .6s ease}.profile-actions{display:flex;gap:20px;margin-top:30px}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:30px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;text-align:center;display:inline-block}.btn-primary{background:linear-gradient(45deg,#639,#9d72ff);color:#fff;border:none}.btn-primary:hover{box-shadow:0 0 18px #9d72ff80;transform:translateY(-3px)}.btn-secondary{background-color:transparent;border:2px solid #9d72ff;color:#9d72ff}.btn-secondary:hover{background-color:#9d72ff;color:#fff;box-shadow:0 0 15px #9d72ff66;transform:translateY(-3px)}@media(max-width:992px){.character-profile{flex-direction:column;align-items:center}.character-portrait .portrait-media{max-width:360px;aspect-ratio:4 / 5}}:root{--primary: #663399;--secondary: #e63946;--accent: #4b2e83;--accent-light: #9d72ff;--dark: #0b0e1a;--light: #f5f5f5;--cyan: #3dd9eb;--glow: 0 0 16px rgba(157, 114, 255, .9), 0 0 34px rgba(157, 114, 255, .35)}body{background:var(--dark);color:var(--light);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Noto Sans,Arial,sans-serif;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.hero{height:100vh;display:flex;align-items:center;position:relative;padding-top:70px;overflow:hidden;perspective:1000px}.hero-bg{position:absolute;inset:0;z-index:-5;will-change:transform;transition:transform .15s ease-out;background:radial-gradient(1100px 560px at 16% 18%,rgba(157,114,255,.16),transparent 60%),radial-gradient(900px 520px at 82% 16%,rgba(61,217,235,.12),transparent 60%),linear-gradient(to bottom,#0b0e1ae6,#0b0e1afa)}.digital-grid{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(to right,rgba(157,114,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(157,114,255,.07) 1px,transparent 1px);background-size:50px 50px}.digital-code{position:absolute;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;line-height:1.25;color:#ba9cffb3;animation:code-fall linear infinite;filter:blur(.35px);text-shadow:0 0 10px rgba(157,114,255,.4),0 0 20px rgba(61,217,235,.26)}@keyframes code-fall{0%{transform:translateY(-130%)}to{transform:translateY(130%)}}.hero-particles,.floating-icons{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-particles{z-index:-3}.floating-icons{z-index:-2;will-change:transform;transition:transform .15s ease-out}.particle{position:absolute;border-radius:50%;background:#9d72ffe6;box-shadow:0 0 12px #9d72ffcc,0 0 22px #3dd9eb38;animation:float-up 18s linear infinite}.particle:nth-child(2n){background:#3dd9ebe6;box-shadow:0 0 12px #3dd9ebd9,0 0 22px #9d72ff38}.particle:nth-child(3n){background:#e63946e6;box-shadow:0 0 12px #e63946d9,0 0 22px #9d72ff38}@keyframes float-up{0%{transform:translateY(100vh) translate(0);opacity:0}50%{opacity:1}to{transform:translateY(-120px) translate(22px);opacity:0}}.floating-icon{position:absolute;opacity:.55;color:#cbb7ff;filter:drop-shadow(0 0 10px rgba(157,114,255,.42)) drop-shadow(0 0 18px rgba(61,217,235,.22));animation:float 16s ease-in-out infinite}.floating-icon.shield{color:var(--cyan)}.floating-icon.lock{color:#ffb547}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-24px) rotate(4deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(24px) rotate(-4deg)}}.hero-content{max-width:720px;z-index:1}.hero-title{font-size:4.2rem;font-weight:900;letter-spacing:.5px;margin-bottom:24px;position:relative;background:linear-gradient(90deg,#e63946,#639,#3dd9eb);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:grad-sweep 9s linear infinite,title-bloom 3.2s ease-in-out infinite alternate;text-shadow:0 0 16px rgba(157,114,255,.62),0 0 30px rgba(61,217,235,.42),0 0 48px rgba(157,114,255,.28)}.hero-title:after{content:"";position:absolute;left:0;bottom:-12px;width:78%;height:4px;border-radius:4px;background:linear-gradient(90deg,#e63946 0%,transparent 95%);filter:drop-shadow(0 0 8px rgba(230,57,70,.55))}@keyframes grad-sweep{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes title-bloom{0%{text-shadow:0 0 12px rgba(157,114,255,.48),0 0 24px rgba(61,217,235,.3)}to{text-shadow:0 0 22px rgba(157,114,255,1),0 0 40px rgba(61,217,235,.52)}}.hero-subtitle{font-size:1.45rem;margin-bottom:28px;line-height:1.6;color:#e8e8f4}.cta-buttons{display:flex;gap:18px}.btn{padding:12px 22px;border-radius:30px;font-weight:800;cursor:pointer;transition:.25s;text-decoration:none;position:relative;overflow:hidden;z-index:1}.btn-primary{background:linear-gradient(45deg,#639,#4b2e83);color:#fff}.btn-primary:hover{box-shadow:var(--glow);transform:translateY(-3px)}.hero-badge{position:absolute;top:26%;right:6%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#4b2e83,#3b1f72 72%);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-weight:900;font-size:.95rem;padding:20px;z-index:2;animation:float 6s ease-in-out infinite,pulse-halo 6s ease-in-out infinite alternate;box-shadow:0 0 24px #9d72ffe6,0 0 50px #9d72ff6b}.hero-badge:before,.hero-badge:after{content:"";position:absolute;inset:-12px;border-radius:inherit;z-index:-1;background:radial-gradient(circle,rgba(157,114,255,.42),transparent 62%);filter:blur(8px)}.hero-badge:after{inset:-24px;filter:blur(14px);opacity:.52}@keyframes pulse-halo{0%{box-shadow:0 0 20px #9d72ffd9,0 0 40px #9d72ff73}to{box-shadow:0 0 34px #9d72fffa,0 0 68px #9d72ff8c}}@media(max-width:992px){.hero-badge{right:4%;width:150px;height:150px;font-size:.85rem}}@media(max-width:576px){.hero-badge{top:22%;right:3%;width:130px;height:130px;font-size:.75rem}}.skyline-band{position:absolute;left:0;right:0;bottom:0;height:32vh;z-index:-1;overflow:hidden;background:linear-gradient(to top,#080a14f5,#080a1499 52%,#080a1400)}.skyline-columns{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 2.1vw}.skyline-col{position:relative;width:86px;height:92%;border-radius:26px;overflow:hidden;background:linear-gradient(to bottom,#10142a,#0c1022 60% 100%);border:1px solid rgba(61,217,235,.18);box-shadow:0 0 18px #3dd9eb3d,inset 0 0 20px #3dd9eb29}.skyline-col:before{content:"";position:absolute;inset:0 14px;border-radius:20px;background:linear-gradient(to top,#3dd9eb38,#3dd9eb00 58%);filter:blur(.5px)}.skyline-col:after{content:"";position:absolute;inset:6% 0;background:radial-gradient(12px 12px at 28px 18px,rgba(230,57,70,.96) 72%,transparent 74%),radial-gradient(12px 12px at calc(100% - 28px) 18px,rgba(61,217,235,.96) 72%,transparent 74%);background-size:100% 46px;background-repeat:repeat-y;filter:drop-shadow(0 0 5px rgba(230,57,70,.35)) drop-shadow(0 0 5px rgba(61,217,235,.35))}.section-title{font-size:2.8rem;text-align:center;margin:0 auto 60px;font-weight:900;background:linear-gradient(90deg,#e63946,#639,#3dd9eb);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;animation:title-gradient 10s linear infinite}.section-title a{color:inherit;text-decoration:none}.section-title:after{content:"";position:absolute;width:140px;height:4px;background:linear-gradient(90deg,#e63946,#639,#3dd9eb);bottom:-16px;left:50%;transform:translate(-50%)}@keyframes title-gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.netropolis-map{width:100%;height:clamp(460px,64vh,900px);background:radial-gradient(circle at 50% 50%,#1a1a2ee6,#0f0f1ff2);border-radius:24px;position:relative;border:2px solid rgba(157,114,255,.32);box-shadow:0 0 30px #9d72ff40,0 0 60px #3dd9eb2e;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .6s ease,box-shadow .6s ease;padding:8px}.netropolis-map:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(157,114,255,.12),rgba(61,217,235,.05),transparent 80%);animation:map-glow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes map-glow{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.02)}}.netropolis-map:hover{transform:scale(1.02);box-shadow:0 0 40px #9d72ff73,0 0 80px #3dd9eb52}.netropolis-image-container{position:absolute;inset:8px;border-radius:inherit;overflow:hidden;z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#080a14b3,#080a14e6)}.netropolis-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:inherit;display:block;image-rendering:auto;transition:transform .5s ease}.netropolis-map:hover .netropolis-image{transform:scale(1.015)}@media(max-width:992px){.netropolis-map{height:clamp(420px,56vh,760px)}}@media(max-width:768px){.netropolis-map{height:clamp(360px,50vh,640px)}.hero-title{font-size:2.6rem}.hero-subtitle{font-size:1.08rem}.cta-buttons{flex-direction:column}.btn{width:100%;text-align:center}.skyline-band{height:26vh}.section-title{font-size:2.2rem}}@media(max-width:576px){.netropolis-map{height:clamp(280px,48vh,520px)}}.comics-section{padding:10px 0;background:#151833;position:relative}.comics-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid #4b2e83;color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;cursor:pointer;transition:.25s}.filter-btn.active,.filter-btn:hover{background:#4b2e83;box-shadow:var(--glow)}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.comic-card{display:flex;flex-direction:column;position:relative;background:#1a1a2ed9;border:1px solid rgba(157,114,255,.18);border-radius:15px;overflow:hidden;text-decoration:none;color:var(--light);box-shadow:0 5px 15px #00000040;transition:transform .3s ease,box-shadow .3s ease}.comic-card:hover{transform:translateY(-8px);box-shadow:var(--glow)}.comic-card:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.comic-cover{width:100%;aspect-ratio:8 / 11;object-fit:cover;display:block;border-bottom:2px solid #4b2e83}.comic-info{padding:20px}.comic-title{font-size:1.2rem;margin:0 0 10px;font-weight:800;color:#9d72ff}.comic-desc{font-size:.95rem;margin:0 0 15px;color:#b9b9d5}.comic-actions{display:flex;gap:10px;justify-content:flex-start}.comic-btn{padding:8px 15px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:.25s;text-decoration:none;text-align:center;min-width:120px}.read-btn{background:#4b2e83;color:#fff;border:none}.read-btn:hover{box-shadow:var(--glow)}@media(max-width:1200px){.hero-title{font-size:3.2rem}}.heroes-page{background:var(--bg-1);color:var(--ink)}:where(a,button):focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.heroes-hero{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0;text-align:center}.heroes-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.heroes-hero__title{font-family:var(--font-primary, system-ui);font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.heroes-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.heroes-hero__subtitle{max-width:720px;margin:10px auto 22px;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}@media(max-width:980px){.heroes-hero{padding:80px 0 24px}}.heroes-filters{padding:20px 0;background:#0f1121eb;border-top:1px solid rgba(157,114,255,.1);border-bottom:1px solid rgba(157,114,255,.1)}.filters-container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.search-input{width:280px;padding:11px 14px;border-radius:10px;border:none;background:#ffffff0f;color:var(--ink)}.search-input::placeholder{color:#e9e9f199}.filter-group{display:flex;align-items:center;gap:10px}.sort-btn{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:10px 16px;border-radius:12px;font-weight:800;font-size:.9rem;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,filter .25s ease}.sort-btn.badge-all{background:#9d72ff;color:#0b0d19;border-color:#9d72ff}.sort-btn.badge-hero{background:#35b24a;color:#0b0d19;border-color:#35b24a}.sort-btn.badge-villain{background:#f0463b;color:#fff;border-color:#f0463b}.sort-btn.badge-kids{background:#03a9f4;color:#fff;border-color:#03a9f4}.sort-btn.badge-teens{background:#a9e34b;color:#0b0d19;border-color:#a9e34b}.sort-btn.badge-expert{background:#e91e63;color:#fff;border-color:#e91e63}.sort-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #9d72ff40;filter:brightness(1.03)}.sort-btn.active{box-shadow:0 0 0 2px #ffffff26,0 0 14px #9d72ff40}.sort-btn:focus-visible{box-shadow:var(--ring),0 0 14px #9d72ff40}.heroes-grid-section{padding:64px 0 80px}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:34px}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-card.enter{opacity:0;animation:cardIn .55s ease forwards;animation-delay:var(--enter-delay, 0ms)}.no-results{grid-column:1 / -1;text-align:center;opacity:.8;font-weight:700}@media(prefers-reduced-motion:reduce){.hero-card.enter{animation:none!important;opacity:1!important;transform:none!important}}@media(max-width:820px){.heroes-grid-section{padding:56px 0}.search-input{width:100%}}:root{--accent-light:#9d72ff;--cyan:#3dd9eb;--dark:#0f1121;--text:#e9e9f1;--card-surface:rgba(18,20,40,.9);--card-border:rgba(157,114,255,.28);--card-border-strong:rgba(157,114,255,.42);--shadow:0 10px 28px rgba(0,0,0,.35);--glow:0 0 16px rgba(157,114,255,.35)}.hero-card{height:420px;perspective:1100px;will-change:transform}.hero-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.25,1);border-radius:16px;box-shadow:var(--shadow)}.hero-card:hover .hero-card-inner{transform:rotateY(180deg)}.hero-card-front,.hero-card-back{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero-card-front{background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#000;border:1px solid var(--card-border)}.hero-card-front:before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);z-index:0}.hero-badges{position:absolute;top:12px;left:12px;z-index:1;display:flex;gap:6px}.badge{padding:4px 9px;border-radius:8px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px #00000040}.badge-hero{background:#35b24a;color:#0b0b15}.badge-villain{background:#f0463b;color:#fff}.badge-kids{background:#03a9f4;color:#0b0b15}.badge-teens{background:#a9e34b;color:#0b0b15}.badge-adults{background:#ffb020;color:#0b0b15}.badge-experts{background:#e91e63;color:#fff}.front-name,.front-role{position:relative;z-index:1;margin:0}.front-name{font-weight:1000;font-size:1.65rem;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.front-role{font-weight:700;font-size:.98rem;color:#eaeaea}.hero-card-back{transform:rotateY(180deg);background:linear-gradient(180deg,#121428f5,#0c0e1cfa);border:1px solid var(--card-border-strong);color:#fff;padding:20px;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #9d72ff14;position:relative}.hero-card-back,.hero-card-back *,.hero-card-front,.hero-card-front *{pointer-events:auto}.back-name{margin:0 0 8px;font-weight:1000;font-size:1.22rem;letter-spacing:.01em}.hero-brief{font-size:.94rem;line-height:1.5;opacity:.94;margin:0 0 14px}.abilities{margin:2px 0 16px;display:grid;gap:8px}.ability-row{display:grid;grid-template-columns:36% 1fr;align-items:center;gap:10px}.ability-label{font-size:.82rem;opacity:.98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-bar{height:10px;border-radius:999px;background:#9d72ff2e;overflow:hidden;position:relative}.ability-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-light),var(--cyan));border-radius:999px;box-shadow:var(--glow);transition:width .6s ease}.hero-card:hover .ability-fill{transition-delay:.1s}.view-profile-btn{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:260px;min-height:44px;padding:10px 18px;border-radius:22px;border:1px solid var(--accent-light);color:var(--accent-light);text-decoration:none;font-weight:900;letter-spacing:.03em;transition:transform .15s ease,box-shadow .2s ease,background .25s ease,color .25s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.view-profile-btn:hover{background:var(--accent-light);color:#0b0b15;box-shadow:var(--glow);transform:translateY(-1px)}.view-profile-btn:active{transform:translateY(0)}.view-profile-btn .btn-hitbox{position:absolute;inset:-4px;content:""}.view-profile-btn .btn-label{position:relative;pointer-events:none}:where(a,button):focus-visible{outline:2px dashed var(--accent-light);outline-offset:2px}@media(prefers-reduced-motion:reduce){.hero-card-inner,.view-profile-btn,.ability-fill{transition:none!important}}@media(max-width:520px){.hero-card{height:380px}.ability-row{grid-template-columns:42% 1fr}}.hero-card.is-compact .hero-card-back{display:none}html,body{margin:0;padding:0}.comics-hero{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0;text-align:center}.comics-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.comics-hero__title{font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.comics-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.comics-hero__subtitle{max-width:720px;margin:10px auto 22px;color:#f5f5f5bf;font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}@media(max-width:980px){.comics-hero{padding:80px 0 24px}}.page.page-comics{position:relative;background:var(--bg-primary, #0f1121);color:var(--text-color, #f5f5f5);isolation:isolate;min-height:100%}.page.page-comics .hero-comics{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0}.page.page-comics .hero-comics:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.container{width:100%;max-width:var(--container-max, 1400px);margin:0 auto;padding:0 20px;text-align:center}.hero-title{font-family:var(--font-primary, system-ui);font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15)}.hero-title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.hero-sub{max-width:720px;margin:10px auto 22px;color:var(--text-muted, rgba(245,245,245,.75));font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{appearance:none;border:1px solid rgba(157,114,255,.35);background:#1a1a2ea6;color:#eaeaf5;border-radius:9999px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.chip:hover,.chip:focus-visible{outline:none;box-shadow:0 0 14px #9d72ff99;transform:translateY(-1px)}.chip.is-active{background:linear-gradient(45deg,#639,#4b2e83);border-color:transparent;box-shadow:0 0 14px #9d72ff80}.search input[type=search]{width:min(360px,90vw);background:#1a1a2ecc;color:var(--text-color, #f5f5f5);border:1px solid rgba(157,114,255,.35);border-radius:9999px;padding:10px 14px;font-size:.95rem;outline:none;transition:box-shadow .2s ease,border-color .2s ease}.search input[type=search]:focus{border-color:#9d72ff99;box-shadow:0 0 14px #9d72ff99}.grid-wrap{position:relative;padding:16px 0 80px;z-index:0}.grid{display:grid;gap:24px;list-style:none;margin:0;padding:0;grid-template-columns:repeat(12,minmax(0,1fr))}@media(min-width:1200px){.grid>li{grid-column:span 6}}@media(min-width:768px)and (max-width:1199.98px){.grid>li{grid-column:span 12}}@media(max-width:767.98px){.grid>li{grid-column:span 12}.toolbar{flex-direction:column}}.card-comic{position:relative;display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:stretch;background:#1a1a2ebf;border:1px solid rgba(157,114,255,.25);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px #0000004d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-comic:hover{transform:translateY(-4px);border-color:#9d72ff73;box-shadow:0 8px 30px #00000059,0 0 20px #9d72ff40}@media(max-width:767.98px){.card-comic{grid-template-columns:1fr}}.cover-box{position:relative;width:100%;height:100%;overflow:hidden;border-right:1px solid rgba(157,114,255,.2)}.cover-box img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.card-comic:hover .cover-box img{transform:scale(1.05)}@media(max-width:767.98px){.cover-box{border-right:none;border-bottom:1px solid rgba(157,114,255,.2);height:auto;aspect-ratio:16/9}}.audience-badge{position:absolute;top:12px;left:12px;font-size:.78rem;font-weight:800;padding:6px 10px;border-radius:9999px;color:#fff;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:saturate(160%) blur(2px);backdrop-filter:saturate(160%) blur(2px);box-shadow:0 2px 10px #00000040;z-index:2}.audience-badge.kids{background:#00bcd4}.audience-badge.teens{background:#4caf50}.audience-badge.adults{background:#ff9800}.audience-badge.experts{background:#f44336}.cover-box img{position:relative;z-index:1}.body{padding:16px 18px 18px;display:grid;align-content:start;gap:8px}.title{margin:0;font-weight:800;font-size:clamp(1.05rem,1.5vw,1.25rem)}.subtitle{margin:0;color:#f5f5f5bf;font-weight:600;font-size:.95rem}.brief{margin:6px 0 8px;color:#f5f5f5bf;font-size:.95rem}.lessons{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px;padding:0;list-style:none}.tag{border:1px solid rgba(157,114,255,.35);color:var(--text-color, #f5f5f5);background:#1a1a2e99;border-radius:9999px;padding:4px 10px;font-size:.78rem;font-weight:700}.cta{margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-weight:800;font-size:.93rem;border-radius:9999px;color:#fff;background:linear-gradient(45deg,#639,#4b2e83);border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none}.btn:hover,.btn:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 0 14px #9d72ff99}.btn[disabled]{opacity:.6;cursor:not-allowed}.empty{display:grid;place-items:center;min-height:160px;color:#f5f5f5bf;border:1px dashed rgba(157,114,255,.35);border-radius:16px;background:#1a1a2e66}.page.page-comics,.grid-wrap,.grid{z-index:0}footer{position:relative;z-index:0}@media(prefers-reduced-motion:reduce){.card-comic,.cover-box img,.btn,.chip{transition:none!important}}.page-comics .grid-wrap{margin-bottom:80px}@media(max-width:768px){.page-comics .grid-wrap{margin-bottom:60px}}:root{--primary:#663399;--primary-2:#9d72ff;--cyan:#3dd9eb;--danger:#e63946;--bg-1:#0f1121;--ink:#f5f5f5;--muted:rgba(245,245,245,.78);--card:rgba(26,26,46,.8);--ring:0 0 10px rgba(157,114,255,.6), 0 0 20px rgba(61,217,235,.35);--border:1px solid rgba(157,114,255,.25);--focus:#9d72ff;--measure: 70ch;--lh: 1.65;--lh-tight: 1.35;--step-0: 1rem;--step-1: 1.08rem;--step-2: 1.22rem;--space-section: clamp(48px, 5.5vw, 72px);--space-hero-top: clamp(84px, 9vw, 120px);--space-hero-bottom: clamp(18px, 2.2vw, 26px);--gap: clamp(14px, 1.8vw, 20px);--gap-tight: clamp(10px, 1.4vw, 16px)}.about-page{background:var(--bg-1);color:var(--ink);padding-bottom:clamp(56px,6vw,96px)}a:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px #9d72ff47;border-radius:10px}img{max-width:100%;height:auto;display:block}.about-hero{padding:var(--space-hero-top) 0 var(--space-hero-bottom);background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;text-align:center;z-index:0;opacity:.001;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.about-hero.is-in{opacity:1;transform:none}.about-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%)}.about-hero__title{font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:var(--lh-tight);margin:0 0 8px;background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.about-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--primary-2),var(--cyan));box-shadow:0 0 12px #9d72ff73}.about-hero__subtitle{max-width:900px;margin:10px auto 12px;color:var(--muted);font-size:var(--step-2);position:relative;z-index:1}.btn--primary{background:linear-gradient(45deg,var(--primary),var(--primary-2))}.btn--outline,.btn.btn--outline{background:transparent;color:#fff;border:1px solid rgba(157,114,255,.5)}.about-section{padding:var(--space-section) 0;position:relative;opacity:.001;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.about-section.is-in{opacity:1;transform:none}.about-h2{font-size:clamp(22px,3.5vw,32px);font-weight:900;margin:10px 0;letter-spacing:.2px;line-height:var(--lh-tight);background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(157,114,255,.12)}.about-h3{margin:0 0 6px;font-size:1.12rem;color:#fff;line-height:var(--lh-tight)}.prose{max-width:var(--measure);margin:0 auto;text-align:left;font-size:var(--step-1);line-height:var(--lh);font-weight:460;text-shadow:0 1px 0 rgba(0,0,0,.25);font-feature-settings:"liga" 1,"kern" 1,"ss01" 1}.prose-lead{font-size:var(--step-2);line-height:1.66;letter-spacing:.08px}.about-copy{color:var(--muted)}.about-lead-center{text-align:center;max-width:900px;margin:0 auto clamp(16px,2vw,22px)}.ink{background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.prose strong{font-weight:800;background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.prose p+p{margin-top:.85em}.prose p{text-wrap:pretty;hanging-punctuation:first allow-end}.feature-grid{list-style:none;padding:0;margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);max-width:1200px}.feature-card{background:linear-gradient(180deg,#191932d9,#121224d9);border:1px solid rgba(157,114,255,.24);border-radius:14px;padding:18px;box-shadow:0 10px 30px #0000004d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000054;border-color:#3dd9eb5c}.feature-icon{width:44px;height:44px;border-radius:10px;margin-bottom:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d72ff33,#3dd9eb26);font-size:22px}.audience-row{list-style:none;padding:0;margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);max-width:1200px}.aud-card{background:linear-gradient(180deg,#13132ab3,#101020b3);border:1px solid rgba(61,217,235,.28);border-radius:12px;padding:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left}.aud-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000042;border-color:#3dd9eb70}.aud-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.7rem;margin-bottom:8px;color:#0b0b15}.aud-kids .aud-badge{background:#c9f1ff}.aud-teens .aud-badge{background:#d6f7c2}.aud-adults .aud-badge{background:#ffe0b3}.aud-experts .aud-badge{background:#ffc2da}.faq{max-width:900px;margin:10px auto 0}.faq details{border:1px solid rgba(157,114,255,.25);background:#ffffff05;border-radius:12px;padding:12px 14px;margin-bottom:10px;transition:border-color .25s,box-shadow .25s,transform .2s}.faq details[open]{border-color:#9d72ff73;box-shadow:0 10px 20px #0c081873;transform:translateY(-1px)}.faq summary{cursor:pointer;font-weight:800;list-style:none;position:relative;padding-right:26px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"›";position:absolute;right:4px;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--primary-2);font-weight:900;text-shadow:0 0 8px rgba(157,114,255,.35);transition:transform .2s ease}.faq details[open] summary:after{transform:translateY(-50%) rotate(270deg)}.about-cta-bar{padding:clamp(44px,5vw,64px) 0;background:linear-gradient(90deg,var(--primary-2) 0%,var(--cyan) 100%);color:#fff;text-align:center;opacity:.001;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.about-cta-bar.is-in{opacity:1;transform:none}.about-cta-bar__title{margin:0 0 16px;font-weight:900;font-size:clamp(1.22rem,2.2vw,1.7rem)}.about-cta-bar__actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}[data-reveal]{will-change:opacity,transform}[data-reveal].is-in{opacity:1!important;transform:none!important}@media(max-width:1100px){.feature-grid,.audience-row{grid-template-columns:repeat(2,1fr)}.prose{font-size:var(--step-0)}.prose-lead{font-size:var(--step-1)}.about-section{padding:clamp(40px,5vw,56px) 0}}@media(max-width:640px){.feature-grid,.audience-row{grid-template-columns:1fr}.about-hero{padding:clamp(72px,9vw,96px) 0 clamp(14px,2vw,20px)}.about-hero__title{font-size:clamp(1.6rem,6.5vw,2.2rem)}.container{padding:0 16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--primary:#663399;--primary-2:#9d72ff;--cyan:#3dd9eb;--danger:#e63946;--bg-1:#0f1121;--ink:#f5f5f5;--muted:rgba(245,245,245,.75);--ring:0 0 0 3px rgba(157,114,255,.28)}.contact{background:var(--bg-1);color:var(--ink)}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.contact-hero{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0;text-align:center}.contact-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.contact-hero__title{font-family:var(--font-primary, system-ui);font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.contact-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.contact-hero__subtitle{max-width:720px;margin:10px auto 18px;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}.hero-cta-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{display:inline-block;padding:10px 14px;border:none;border-radius:999px;background:linear-gradient(45deg,var(--primary),var(--primary-2));color:#fff;text-decoration:none;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d72ff59}.btn:active{transform:translateY(0);filter:brightness(.95)}.btn.outline{background:transparent;color:#fff;border:1px solid rgba(157,114,255,.5)}@media(max-width:980px){.contact-hero{padding:80px 0 24px}}.section-title{font-size:clamp(22px,3.5vw,32px);font-weight:900;margin:10px 0 8px;letter-spacing:.2px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-cards{padding:48px 0}.card-grid{--gap:18px;list-style:none;padding:0;margin:24px auto 0;width:100%;max-width:1100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:var(--gap);justify-content:center;justify-items:center;align-items:start;text-align:left}.contact-card{width:100%;max-width:300px;min-height:220px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#191932e6,#121224e6);border:1px solid rgba(157,114,255,.24);padding:22px;box-shadow:0 10px 26px #00000047;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;justify-content:space-between}.contact-card:before{content:"";position:absolute;inset:-1px -1px auto;height:4px;background:linear-gradient(90deg,rgba(157,114,255,.35),rgba(61,217,235,.25),transparent)}.contact-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #00000059}.contact-card__title{font-size:1.06rem;margin:0 0 8px;font-weight:800}.contact-card__desc{color:#dcdcf0;margin:0 0 10px;line-height:1.45}.contact-card__cta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn.chip{display:inline-block;padding:10px 14px;border:none;border-radius:999px;background:linear-gradient(45deg,#9d72ff40,#3dd9eb40);color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(157,114,255,.35);word-break:break-all}.btn.icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:0}.copy-toast{font-size:.85rem;color:var(--cyan);margin-left:6px}@media(max-width:780px){.card-grid{grid-template-columns:1fr}}.company-info{padding:60px 0 32px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;justify-items:center;margin-top:30px}@media(max-width:900px){.info-grid{grid-template-columns:1fr}}.info-block{width:100%;max-width:540px;background:linear-gradient(180deg,#13132ab3,#101020b3);border:1px solid rgba(61,217,235,.28);border-radius:12px;padding:20px;box-shadow:0 10px 26px #00000047;text-align:center}.info-block h3{margin:0 0 6px;font-size:1.04rem;font-weight:800;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.info-block .muted{color:#d9d9e6;margin:6px 0}.info-block .link{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(157,114,255,.45)}.info-block .link:hover{border-bottom-color:#9d72ffcc}.socials{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){.socials{grid-template-columns:1fr}}.social{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(45deg,#9d72ff2e,#3dd9eb2e);border:1px solid rgba(157,114,255,.35);transition:all .2s ease-in-out}.social:hover{background:linear-gradient(45deg,#9d72ff59,#3dd9eb59);transform:translateY(-2px)}.i{width:10px;height:10px;border-radius:50%;background:#fff;display:inline-block}.i.linkedin{background:#0a66c2}.i.instagram{background:#e1306c}.i.youtube{background:red}.i.x{background:#fff}.i.tiktok{background:#25f4ee}.legal-note{margin:18px auto 0;color:#d6d6ea}@media(max-width:680px){.contact-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}}:root{--primary:#663399;--p2:#9d72ff;--cyan:#3dd9eb;--bg:#0f1121;--ink:#f5f5f5;--muted:rgba(245,245,245,.78);--ring:0 0 0 3px rgba(157,114,255,.35);--tone-kids:#00bcd4;--tone-teens:#4caf50;--tone-adults:#ff9800;--tone-experts:#f44336;--tone-all:#9d72ff}.netropolis-page{background:var(--bg);color:var(--ink)}.net-hero{padding:100px 0 28px;text-align:center;position:relative;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121)}.net-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.16),transparent 60%)}.net-hero__title{font-weight:800;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,var(--p2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(157,114,255,.15)}.net-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--p2),var(--cyan));box-shadow:0 0 12px #9d72ff73}.net-hero__subtitle{max-width:760px;margin:10px auto 8px;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.1rem)}@media(max-width:980px){.net-hero{padding:80px 0 22px}}.sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.net-map{position:relative;margin:26px auto 64px;border-radius:16px;overflow:hidden;border:1px solid rgba(157,114,255,.28);box-shadow:0 10px 30px #0000004d;min-height:60vh;background:radial-gradient(60% 60% at 50% 40%,rgba(157,114,255,.08),transparent 60%),radial-gradient(55% 50% at 70% 30%,rgba(61,217,235,.06),transparent 60%)}.net-map:before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--map);background-position:center;background-size:cover;filter:blur(22px) saturate(1.1) brightness(.9);transform:scale(1.12)}.net-map__image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.map-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:900;font-size:14px;border:2px solid #fff;transition:all .25s ease;animation:pulse-hotspot 2s infinite;background-color:#9d72ffb3}.map-hotspot:hover{transform:translate(-50%,-50%) scale(1.1)}@keyframes pulse-hotspot{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}.map-hotspot.kids{background-color:#00bcd4b3;border-color:#00bcd4}.map-hotspot.teens{background-color:#4caf50b3;border-color:#4caf50}.map-hotspot.adults{background-color:#ff9800b3;border-color:#ff9800}.map-hotspot.experts{background-color:#f44336b3;border-color:#f44336}.map-hotspot.all{background-color:#9d72ffb3;border-color:#9d72ff}.hotspot-label{position:absolute;bottom:-26px;left:50%;transform:translate(-50%);background-color:#1a1a2ee6;padding:5px 10px;border-radius:10px;white-space:nowrap;font-size:12px;border:1px solid rgba(157,114,255,.35);transition:all .2s ease;color:#fff}.map-hotspot:hover .hotspot-label{bottom:-34px}.net-card{position:absolute;z-index:3;width:min(92vw,360px);background:#101220eb;border:1px solid rgba(157,114,255,.45);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px #00000059;padding:14px;display:none}.net-card.active{display:block;animation:ncard-appear .2s ease-out}@keyframes ncard-appear{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ncard-head{display:flex;align-items:center;gap:10px;position:relative;padding-right:36px}.ncard-title{margin:0;font-size:1.08rem;font-weight:900;background:linear-gradient(45deg,var(--p2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ncard-badge{margin-left:auto;padding:4px 10px;font-size:.72rem;font-weight:900;border-radius:999px;background:#9d72ff40;color:var(--ink);border:1px solid rgba(157,114,255,.45)}.ncard-close{position:absolute;right:0;top:0;width:32px;height:32px;border:none;cursor:pointer;border-radius:8px;background:#ffffff0f;color:#fff;font-size:18px;line-height:1}.ncard-close:hover{filter:brightness(1.2)}.ncard-body{margin-top:10px;color:var(--muted)}.ncard-body p{margin:.35rem 0;font-size:.94rem}.ncard-threat{color:#ffb4a8}.ncard-lessons{color:#aef5c0}.ncard-actions{display:flex;gap:10px;margin-top:10px}.nbtn{text-decoration:none;font-weight:900;border-radius:24px;padding:8px 14px;font-size:.86rem;border:2px solid #9d72ff;color:#9d72ff;transition:all .2s ease}.nbtn:hover{background:#9d72ff;color:#001018;box-shadow:0 0 12px #9d72ff73}.nbtn-primary{background:linear-gradient(45deg,var(--p2),var(--cyan));color:#001018;border-color:transparent}.nbtn-primary:hover{filter:saturate(1.05)}.net-card[data-tone=kids]{border-color:#00bcd48c;box-shadow:0 0 24px #00bcd42e}.net-card[data-tone=teens]{border-color:#4caf508c;box-shadow:0 0 24px #4caf502e}.net-card[data-tone=adults]{border-color:#ff98008c;box-shadow:0 0 24px #ff98002e}.net-card[data-tone=experts]{border-color:#f443368c;box-shadow:0 0 24px #f443362e}.net-card[data-tone=all]{border-color:#9d72ff8c;box-shadow:0 0 24px #9d72ff2e}.net-history{margin:14px 0 90px}.net-history__title{text-align:center;margin:0 0 10px;font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);background:linear-gradient(45deg,var(--p2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.net-history__lead{max-width:900px;margin:0 auto 22px;color:var(--muted);text-align:center;font-size:clamp(1rem,1.8vw,1.12rem)}.history-list{display:grid;gap:16px}.history-list.no-numbers .chapter:before{content:none!important}.chapter{position:relative;padding:18px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(157,114,255,.2)}.chapter__title{margin:0 0 6px;font-weight:800;font-size:clamp(1.05rem,2.2vw,1.2rem);color:var(--ink)}.chapter__body{margin:0;color:var(--muted);line-height:1.6;font-size:clamp(.95rem,1.6vw,1.05rem)}.history-cta{display:flex;justify-content:center;margin-top:18px}.net-links{margin:64px 0 90px;text-align:center}.net-links__title{font-size:2rem;font-weight:900;margin-bottom:24px;background:linear-gradient(45deg,var(--p2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.net-links__wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.net-link{color:#9d72ff;border:2px solid #9d72ff;padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:800;transition:all .25s ease}.net-link:hover{background:#9d72ff;color:#001018;box-shadow:0 0 12px #9d72ff73}@media(max-width:980px){.net-map{min-height:56vh}}@media(max-width:680px){.net-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}.hotspot-label{display:none}.net-card{width:min(94vw,360px)}}.careers-page{background:#1a1a2e;color:#f5f5f5;min-height:100vh;display:block}.careers-main{width:100%;max-width:1200px;margin:0 auto;padding:calc(var(--global-header-offset, 80px) + 16px) clamp(16px,2vw,28px) 28px}.careers-section{position:relative;padding-top:1.5rem;padding-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-title{font-weight:700;font-size:clamp(1.35rem,.9vw + 1rem,2rem);margin:0;background:linear-gradient(90deg,#e63946,#639,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(157,114,255,.25)}.section-subtitle{margin:.35rem 0 0;color:#ffffffd9;font-size:.95rem}.section-underline{display:block;width:120px;height:2px;margin-top:.6rem;background:linear-gradient(90deg,#663399,transparent);border-radius:999px}.section-divider{border:0;border-top:1px solid rgba(255,255,255,.12);margin:2rem 0 0}.bulleted{padding-left:1.25rem}.bulleted li{margin:.4rem 0}.bulleted.tight li{margin:.25rem 0}.muted{color:#ffffffd9}.link{color:#3dd9eb;text-decoration:underline}.link:hover{text-decoration:none}.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:.5rem}@media(max-width:992px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.roles-grid{grid-template-columns:1fr}}.role-card{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 60%);border-radius:1.25rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-backdrop-filter:saturate(110%) blur(2px);backdrop-filter:saturate(110%) blur(2px);padding:1.1rem 1rem 1.2rem}.role-card:hover{transform:translateY(-3px);border-color:#ffffff38;box-shadow:0 12px 36px #00000073}.role-title{font-size:1.1rem;font-weight:700;margin:0 0 .35rem;letter-spacing:.2px}.role-desc{margin:0;color:#ffffffd9}.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);margin-top:.75rem}@media(max-width:900px){.apply-grid{grid-template-columns:1fr}}label[for=odf-input].dropzone{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-radius:1.25rem;border:1px dashed rgba(255,255,255,.12);box-shadow:0 10px 30px #00000059;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;min-height:180px;display:grid;place-content:center;gap:.35rem;text-align:center;outline:none}label[for=odf-input].dropzone:hover{border-color:#ffffff38;box-shadow:0 12px 36px #00000073;transform:translateY(-2px)}label[for=odf-input].dropzone:focus-within{outline:2px solid #3dd9eb;outline-offset:3px}label[for=odf-input].dropzone.dragover{border-color:#3dd9eb;background:linear-gradient(180deg,#3dd9eb1a,#ffffff05)}.dropzone-title{font-weight:700;font-size:1.05rem}.dropzone-subtitle{opacity:.85;font-size:.92rem}.dropzone-help{margin-top:.35rem;opacity:.75;font-size:.85rem}.odf-status{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;box-shadow:0 10px 30px #00000059;padding:1.25rem}.status-title{margin:0 0 .35rem;font-weight:700}.status-msg{margin:.25rem 0 0;color:#ffffffd9}.status-file{margin:.35rem 0 0;opacity:.75;font-size:.85rem}.status-ok{color:#4ade80}.status-error{color:#f87171}.odf-actions{display:flex;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}.odf-actions a,.odf-actions button{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:.55rem 1rem;line-height:1;transition:border-color .2s ease,transform .15s ease,background .2s ease;text-decoration:none;color:inherit;cursor:pointer}.odf-actions a:hover,.odf-actions button:hover{border-color:#ffffff38;transform:translateY(-1px);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.odf-actions a:focus-visible,.odf-actions button:focus-visible{outline:2px solid #3dd9eb;outline-offset:3px}@media(prefers-reduced-motion:reduce){.careers-section *{transition:none!important;animation:none!important}}:root{--hdr-bg: rgba(26, 26, 46, .8);--hdr-border: rgba(157, 114, 255, .28);--hdr-text: #f5f5f7;--hdr-accent: #9d72ff;--hdr-accent-2: #3dd9eb;--hdr-active: #ffffff;--hdr-shadow: 0 2px 24px rgba(0, 0, 0, .25)}html.no-scroll,html.no-scroll body{overflow:hidden!important}.skip-link{position:absolute;left:-9999px;top:0;background:#0b0b16;color:#fff;padding:8px 12px;border-radius:8px;z-index:10000;border:1px solid var(--hdr-border)}.skip-link:focus{left:12px;top:12px;outline:none}.site-header{position:sticky;top:0;z-index:999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--hdr-bg);border-bottom:1px solid var(--hdr-border);box-shadow:var(--hdr-shadow)}.header-container{max-width:1280px;margin:0 auto;height:72px;padding:0 16px;display:grid;align-items:center;gap:12px;grid-template-columns:auto 1fr auto}.logo-wrap{display:inline-flex;align-items:center;text-decoration:none}.logo{display:block;height:44px;width:auto;filter:drop-shadow(0 2px 8px rgba(157,114,255,.35))}.primary-nav{display:flex;align-items:center;gap:20px;justify-self:start}.primary-nav ul{display:flex;align-items:center;list-style:none;gap:18px;margin:0;padding:0}.primary-nav a{position:relative;display:inline-flex;align-items:center;color:var(--hdr-text);text-decoration:none;font-weight:600;letter-spacing:.2px;padding:8px 6px;border-radius:8px;transition:color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}.primary-nav a:hover,.primary-nav a:focus-visible{color:#fff;transform:translateY(-2px);background:linear-gradient(135deg,#66339947,#3dd9eb2e);box-shadow:0 0 8px #9d72ff66,0 0 16px #3dd9eb59;outline:none}.primary-nav a.active{color:var(--hdr-active);background:linear-gradient(135deg,#66339940,#3dd9eb26);box-shadow:0 0 6px #9d72ff59,0 0 10px #3dd9eb40}.primary-nav a.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-8px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--hdr-accent),var(--hdr-accent-2));box-shadow:0 0 8px #9d72ff66}.header-right{display:inline-flex;align-items:center;gap:10px;justify-self:end}.menu-toggle{display:none;height:40px;width:44px;border-radius:10px;border:1px solid var(--hdr-border);background:transparent;cursor:pointer}.menu-toggle:focus-visible{outline:2px solid var(--hdr-accent);outline-offset:2px}.menu-bar{display:block;width:22px;height:2px;margin:5px auto;border-radius:2px;background:var(--hdr-text);transition:transform .2s ease,opacity .2s ease}.menu-toggle.is-open .menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open .menu-bar:nth-child(2){opacity:0}.menu-toggle.is-open .menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:991px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.primary-nav{position:fixed;inset:72px 0 0;background:#0a0a14f5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--hdr-border);box-shadow:0 18px 36px #00000073;padding:18px 16px 24px;display:none;flex-direction:column;align-items:stretch;gap:16px;overflow-y:auto;justify-self:stretch}.primary-nav.active{display:flex;animation:slideDown .16s ease}.primary-nav ul{flex-direction:column;align-items:stretch;gap:6px}.primary-nav a{padding:12px 10px;border:1px solid transparent;background:#9d72ff14}.primary-nav a.active:after{display:none}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}}@media(prefers-reduced-motion:reduce){.menu-bar,.primary-nav.active{animation:none!important;transition:none!important}}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}:root{--ft-bg: #15152a;--ft-text: #b3b3cc;--ft-heading: #ffffff;--ft-border: rgba(157, 114, 255, .25);--ft-accent: #9d72ff;--ft-cyan: #3dd9eb;--ft-primary: #663399;--logo-h-desktop: 150px;--logo-h-tablet: 110px;--logo-h-mobile: 95px}.site-footer{background:var(--ft-bg);color:var(--ft-text);border-top:1px solid var(--ft-border)}.footer-wrap{max-width:1300px;margin:0 auto;padding:34px 20px 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;align-items:start}.footer-brand{display:flex;flex-direction:column}.footer-picture{display:flex;align-items:center;margin-bottom:12px}.footer-logo{height:var(--logo-h-desktop);width:auto;display:block;filter:drop-shadow(0 4px 16px rgba(157,114,255,.3));transform:scale(1.2);transform-origin:left center}.footer-tagline{max-width:520px;line-height:1.6;font-size:.92rem;margin:0}.footer-col h4{color:var(--ft-heading);font-size:1rem;margin:0 0 10px;padding-bottom:6px;position:relative}.footer-col h4:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:var(--ft-accent);border-radius:2px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:8px}.footer-col a{color:var(--ft-text);text-decoration:none;transition:color .25s ease,text-shadow .25s ease,box-shadow .25s ease,transform .25s ease;border-radius:6px;padding:3px 2px}.footer-col a:hover,.footer-col a:focus-visible{color:#fff;text-shadow:0 0 8px rgba(157,114,255,.35);transform:translate(3px);box-shadow:0 0 6px #3dd9eb40;outline:none}.ft-socials-row{grid-column:1 / -1;margin-top:16px}.ft-socials{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;align-items:center}.ft-social{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:#ffffff0a;border:1px solid var(--ft-border);border-radius:999px;padding:10px 14px;transition:all .25s ease}.ft-social__icon{flex:0 0 20px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,filter .25s ease,color .25s ease}.ft-social__label{font-weight:700;font-size:.9rem;white-space:nowrap;text-align:center}.ft-social__icon.youtube svg{color:red}.ft-social__icon.linkedin svg{color:#0a66c2}.ft-social__icon.x svg{color:#fff}.ft-social__icon.tiktok svg{color:#25f4ee}.ft-social__icon.instagram svg{color:#e1306c}.ft-social:hover,.ft-social:focus-visible{background:linear-gradient(135deg,#66339959,#3dd9eb40);transform:translateY(-3px);border-color:#9d72ff80;box-shadow:0 0 8px #9d72ff66,0 0 16px #3dd9eb59;outline:none}.ft-social:hover .ft-social__icon svg,.ft-social:focus-visible .ft-social__icon svg{filter:drop-shadow(0 0 6px var(--ft-cyan)) drop-shadow(0 0 12px rgba(102,51,153,.45));transform:scale(1.12)}.footer-bottom{border-top:1px solid var(--ft-border);text-align:center;padding:14px 0 18px;font-size:.88rem;color:var(--ft-text)}@media(max-width:991px){.footer-wrap{grid-template-columns:1fr 1fr;gap:24px;padding:30px 20px 10px}.footer-logo{height:var(--logo-h-tablet);transform:scale(1.15)}}@media(max-width:640px){.footer-wrap{grid-template-columns:1fr;text-align:center;padding:26px 16px 8px}.footer-picture{justify-content:center}.footer-logo{height:var(--logo-h-mobile);transform:scale(1.1);margin:0 auto 8px}.footer-tagline{margin:0 auto}.ft-socials{justify-content:center}.ft-social{max-width:320px;width:100%;justify-content:center}}:where(.site-footer a,.site-footer button):focus-visible{outline:2px dashed var(--ft-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--primary:#663399;--cyan:#3dd9eb;--dark:#0f0f1f;--ink:#f5f5f5;--muted:#b3b3cc;--ring:0 0 10px rgba(61,217,235,.6),0 0 20px rgba(61,217,235,.35)}.comic-page.zta{background:radial-gradient(1200px 600px at 15% 0%,rgba(61,217,235,.08),transparent),var(--dark);color:var(--ink);min-height:100dvh;padding:96px 24px 64px}.zta__hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1200px;margin:0 auto 24px}.zta__cover-wrap{position:relative;border:1px solid rgba(157,114,255,.3);border-radius:16px;overflow:hidden;box-shadow:var(--ring)}.zta__cover{width:100%;height:auto;aspect-ratio:3/4;display:block}.zta__badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font:700 12px/1 Poppins,system-ui,sans-serif;background:var(--cyan);color:#fff}.zta__intro{max-width:620px}.zta__title{font:800 3rem/1.05 Poppins,system-ui,sans-serif;margin:0 0 10px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.zta__subtitle{color:var(--muted);margin:0 0 18px;font-size:1.05rem}.zta__meta{list-style:disc;padding-left:18px;margin:10px 0 0}.zta__panels{max-width:1200px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.zta__panel{background:#ffffff08;border:1px solid rgba(157,114,255,.25);border-radius:14px;padding:16px}.zta__panel-title{font:700 1.05rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 8px}.comic__details{max-width:1200px;margin:24px auto 0;background:#ffffff08;border:1px solid rgba(61,217,235,.3);border-radius:14px;padding:20px}.comic__objective h3{font:800 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:8px 0 6px;color:var(--cyan)}.comic__btn--primary{background:linear-gradient(45deg,var(--cyan),#4b2e83);color:#fff;box-shadow:var(--ring)}.comic__btn--ghost{background:transparent;color:var(--cyan);border-color:#3dd9eb80}.mission__dialog{width:min(920px,92vw);max-height:90vh;overflow:auto;background:#111823;color:var(--ink);border:1px solid rgba(61,217,235,.5);border-radius:16px;box-shadow:0 0 25px #3dd9eb66;padding:18px}.mission__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(61,217,235,.4);margin-bottom:12px}.mission__close{border:none;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer}.mission__bullets{margin:10px 0 12px 20px;color:#b6f7ff}.mission__btn--primary{background:var(--cyan);color:#111}.mission__btn--ghost{background:transparent;color:var(--cyan);border:1px solid rgba(61,217,235,.5)}.mission__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#3dd9eb1a;border:1px solid rgba(61,217,235,.4)}@keyframes zta-glow{0%{box-shadow:0 0 8px #3dd9eb40,0 0 18px #66339926}50%{box-shadow:0 0 18px #3dd9eb99,0 0 36px #66339940}to{box-shadow:0 0 8px #3dd9eb40,0 0 18px #66339926}}@media(prefers-reduced-motion:no-preference){.mission__dialog{animation:zta-glow 6s ease-in-out infinite}.mission__dialog:hover,.mission__dialog:focus-within{animation:zta-glow 4s ease-in-out infinite;box-shadow:0 0 22px #3dd9ebb3,0 0 45px #66339959}.mission__btn--primary:hover{box-shadow:0 0 10px #3dd9eb99,0 0 20px #66339940;transform:translateY(-2px)}}.zta__nav{max-width:1200px;margin:18px auto 0}.zta__link{color:#3dd9eb;text-decoration:none;border-bottom:1px dashed rgba(61,217,235,.45)}.zta__link:hover{border-bottom-style:solid}@media(max-width:992px){.zta__hero{grid-template-columns:1fr}}:root{--primary:#663399;--red:#e63946;--amber:#ff8a65;--cyan:#3dd9eb;--purple:#9d72ff;--dark:#0f0f1f;--ink:#f5f5f5;--muted:#b3b3cc;--ring:0 0 10px rgba(230,57,70,.55),0 0 22px rgba(230,57,70,.35)}.comic-page.rn{background:radial-gradient(1200px 600px at 15% 0%,rgba(230,57,70,.08),transparent),var(--dark);color:var(--ink);min-height:100dvh;padding:96px 24px 64px}.rn__hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1200px;margin:0 auto 24px}.rn__cover-wrap{position:relative;border:1px solid rgba(230,57,70,.35);border-radius:16px;overflow:hidden;box-shadow:var(--ring);background:linear-gradient(180deg,#e639460f,#6633990f)}.rn__cover{width:100%;height:auto;aspect-ratio:3/4;display:block}.rn__badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font:700 12px/1 Poppins,system-ui,sans-serif;background:linear-gradient(45deg,#ff7043,var(--red));color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 10px #00000026}.rn__intro{max-width:620px}.rn__title{font:800 3rem/1.05 Poppins,system-ui,sans-serif;margin:0 0 10px;background:linear-gradient(45deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(157,114,255,.15)}.rn__subtitle{color:var(--muted);margin:0 0 12px;font:700 1.2rem/1.2 Poppins,system-ui,sans-serif}.rn__brief{margin:0 0 10px;color:#e9e9fb}.rn__meta{list-style:disc;padding-left:18px;margin:10px 0 0}.rn__panels{max-width:1200px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rn__panel{background:#ffffff08;border:1px solid rgba(230,57,70,.28);border-radius:14px;padding:16px}.rn__panel-title{font:700 1.05rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 8px}.comic__details{max-width:1200px;margin:24px auto 0;background:#ffffff08;border:1px solid rgba(230,57,70,.3);border-radius:14px;padding:20px}.comic__meta,.comic__credits{display:grid;gap:8px 12px;grid-template-columns:repeat(5,minmax(0,1fr))}.comic__objective h3{font:800 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:8px 0 6px;color:var(--red)}.comic__objective p{margin:0}.comic__btn--primary{background:linear-gradient(45deg,var(--red),#ff7043);color:#fff;box-shadow:var(--ring)}.comic__btn--ghost{background:transparent;color:#ff8a65;border-color:#e6394680}.rn__nav{max-width:1200px;margin:18px auto 0}.rn__link{color:#ff8a65;text-decoration:none;border-bottom:1px dashed rgba(230,57,70,.45)}.rn__link:hover{border-bottom-style:solid}.mission__dialog{width:min(920px,92vw);max-height:90vh;overflow:auto;background:#111823;color:var(--ink);border:1px solid rgba(230,57,70,.5);border-radius:16px;box-shadow:0 0 25px #e6394666;padding:18px}.rn__mission .mission__header{border-bottom:1px solid rgba(230,57,70,.45)}.mission__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mission__header h2{font:800 1.4rem/1 Poppins,system-ui,sans-serif;margin:0;background:linear-gradient(45deg,var(--red),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission__close{border:none;background:transparent;color:#fff;font-size:1.6rem;cursor:pointer;line-height:1;padding:6px 10px;border-radius:8px}.mission__bullets{margin:10px 0 12px 20px;color:#ffd1d4}.mission__option{display:inline-flex;align-items:center;gap:8px}.mission__btn--primary{background:linear-gradient(45deg,var(--red),#ff7043);color:#fff;box-shadow:var(--ring)}.mission__btn--ghost{background:transparent;color:#ff8a65;border:1px solid rgba(230,57,70,.5)}.mission__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#e639461a;border:1px solid rgba(230,57,70,.45)}.mission__next{color:#f0d6d8}@keyframes rn-glow{0%{box-shadow:0 0 8px #e6394640,0 0 18px #66339926}50%{box-shadow:0 0 18px #e6394699,0 0 36px #66339940}to{box-shadow:0 0 8px #e6394640,0 0 18px #66339926}}@media(prefers-reduced-motion:no-preference){.mission__dialog{animation:rn-glow 6s ease-in-out infinite}.mission__dialog:hover,.mission__dialog:focus-within{animation:rn-glow 4s ease-in-out infinite;box-shadow:0 0 22px #e63946b3,0 0 45px #66339959}.comic__btn--primary:hover,.mission__btn--primary:hover{box-shadow:0 0 10px #e6394699,0 0 20px #66339940;transform:translateY(-2px)}}@media(max-width:992px){.rn__hero{grid-template-columns:1fr}.rn__title{font-size:2.4rem}.rn__panels,.comic__meta-row{grid-template-columns:1fr}.comic__meta{grid-template-columns:repeat(2,1fr)}.comic__credits{grid-template-columns:1fr 1fr}}:root{--primary:#663399;--cyan:#3dd9eb;--dark:#0f0f1f;--ink:#f5f5f5;--muted:#b3b3cc;--accent:#9d72ff;--ring:0 0 10px rgba(157,114,255,.6),0 0 20px rgba(61,217,235,.35)}.comic-page.ph{background:var(--dark);color:var(--ink);min-height:100dvh;padding:96px 24px 64px}.ph__hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1200px;margin:0 auto 24px}.ph__cover-wrap{position:relative;border:1px solid rgba(157,114,255,.3);border-radius:16px;overflow:hidden;box-shadow:var(--ring)}.ph__cover{width:100%;height:auto;aspect-ratio:3/4;display:block}.ph__badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font:700 12px/1 Poppins,system-ui,sans-serif}.ph__badge--kids{background:#00bcd4;color:#fff}.ph__intro{max-width:620px}.ph__title{font:800 3rem/1.05 Poppins,system-ui,sans-serif;margin:0 0 10px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(61,217,235,.4)}.ph__subtitle{color:var(--muted);margin:0 0 18px;font-size:1.05rem}.ph__brief{font-size:1.05rem;line-height:1.6;color:var(--ink);margin-bottom:18px;text-shadow:0 0 4px rgba(157,114,255,.25)}.ph__panels{max-width:1200px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ph__panel{background:#ffffff08;border:1px solid rgba(157,114,255,.25);border-radius:14px;padding:16px;box-shadow:0 0 12px #3dd9eb26;transition:transform .25s ease,box-shadow .25s ease}.ph__panel:hover{transform:translateY(-4px);box-shadow:0 0 20px #3dd9eb59}.ph__panel-title{font:800 1.15rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 8px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comic__meta dd,.comic__credits dd{margin:0;font:600 .95rem/1.2 Poppins,system-ui,sans-serif;color:var(--ink)}.comic__objective h3{font:800 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:8px 0 6px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ph__nav{max-width:1200px;margin:18px auto 0}.ph__link{color:#3dd9eb;text-decoration:none;border-bottom:1px dashed rgba(61,217,235,.45)}.ph__link:hover{border-bottom-style:solid}.mission__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mission__dialog{width:min(920px,92vw);max-height:90vh;overflow:auto;background:#0f0f1f;color:var(--ink);border:1px solid rgba(157,114,255,.35);border-radius:16px;box-shadow:var(--ring);padding:18px}.mission__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(157,114,255,.25);padding-bottom:8px;margin-bottom:12px}.mission__close{border:none;background:transparent;color:#fff;font-size:1.6rem;line-height:1;padding:6px 10px;cursor:pointer;border-radius:8px}.mission__close:hover{background:#ffffff0f}.mission__subtitle{font:700 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 6px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission__lead{color:var(--ink);margin:0 0 10px}.mission__bullets{margin:0 0 12px 18px}.mission__bullets li{margin:6px 0}.mission__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mission__card{background:#ffffff08;border:1px solid rgba(157,114,255,.25);border-radius:12px;padding:12px;transition:transform .25s ease,box-shadow .25s ease}.mission__card:hover{transform:translateY(-3px);box-shadow:0 0 18px #3dd9eb4d}.mission__msg-head{margin-bottom:6px}.mission__from,.mission__subject{margin:0 0 4px;font-size:.95rem}.mission__snippet{margin:6px 0;color:#cfd0f6}.mission__url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all;color:#9bdff0}.mission__choices{display:flex;gap:12px;margin-top:8px}.mission__choice{display:flex;align-items:center;gap:6px;font-weight:600}.mission__quizlist{margin:0 0 10px 18px}.mission__quizitem{margin:10px 0}.mission__question{margin:0 0 6px}.mission__options{display:grid;gap:6px}.mission__btn{border-radius:999px;padding:10px 18px;font:700 .95rem/1 Poppins,system-ui,sans-serif;border:1px solid transparent;cursor:pointer}.mission__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#9d72ff1a;border:1px solid rgba(157,114,255,.35);margin-bottom:8px}@media(max-width:992px){.ph__hero{grid-template-columns:1fr}.ph__title{font-size:2.4rem}.ph__panels,.comic__meta-row{grid-template-columns:1fr}.comic__meta{grid-template-columns:repeat(2,1fr)}.comic__credits{grid-template-columns:1fr 1fr}.mission__cards{grid-template-columns:1fr}}:root{--primary:#663399;--green:#4caf50;--teal:#00bcd4;--purple:#9d72ff;--dark:#1a1a2e;--ink:#f5f5f5;--muted:#b3b3cc;--ring:0 0 10px rgba(157,114,255,.6),0 0 20px rgba(61,217,235,.35);--ring-strong:0 0 18px rgba(157,114,255,.75),0 0 36px rgba(61,217,235,.45);--cyan:#3dd9eb}.comic-page.jtn{background:var(--dark);color:var(--ink);min-height:100dvh;padding:96px 24px 64px}.jtn__hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;max-width:1200px;margin:0 auto 24px}.jtn__cover-wrap{position:relative;border:1px solid rgba(157,114,255,.3);border-radius:16px;overflow:hidden;box-shadow:var(--ring)}.jtn__cover{width:100%;height:auto;aspect-ratio:3/4;display:block}.jtn__badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;font:700 12px/1 Poppins,system-ui,sans-serif}.jtn__badge--kids{background:#00bcd4;color:#fff}.jtn__intro{max-width:620px}.jtn__title{font:800 3rem/1.05 Poppins,system-ui,sans-serif;margin:0 0 10px;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.jtn__subtitle{color:var(--muted);margin:0 0 18px;font-size:1.05rem}.jtn__brief{margin:0 0 10px;color:var(--ink)}.jtn__meta{list-style:disc;padding-left:18px;margin:10px 0 0}.jtn__panels{max-width:1200px;margin:16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.jtn__panel{background:#ffffff08;border:1px solid rgba(157,114,255,.25);border-radius:14px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.jtn__panel:hover{transform:translateY(-2px);border-color:#9d72ff73;box-shadow:var(--ring)}.jtn__panel-title{font:700 1.05rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 8px}.comic__details{max-width:1200px;margin:24px auto 0;background:#ffffff08;border:1px solid rgba(157,114,255,.25);border-radius:14px;padding:20px}.comic__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.comic__meta,.comic__credits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px}.comic__credits{grid-template-columns:repeat(3,minmax(0,1fr))}.comic__meta dt,.comic__credits dt{font:700 .8rem/1 Poppins,system-ui,sans-serif;color:var(--muted)}.comic__meta dd,.comic__credits dd{margin:0;font:600 .95rem/1.2 Poppins,system-ui,sans-serif}.comic__objective h3{font:800 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:8px 0 6px}.comic__objective p{color:var(--ink);margin:0}.comic__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.comic__btn{border-radius:999px;padding:12px 20px;font:700 .95rem/1 Poppins,system-ui,sans-serif;border:1px solid transparent;text-decoration:none;cursor:pointer}.comic__btn--primary{background:linear-gradient(45deg,var(--primary),#4b2e83);color:#fff;box-shadow:var(--ring)}.comic__btn--ghost{background:transparent;color:#9d72ff;border-color:#9d72ff80}.comic__btn:focus-visible{outline:3px solid rgba(61,217,235,.6);outline-offset:2px}.jtn__nav{max-width:1200px;margin:18px auto 0}.jtn__link{color:#3dd9eb;text-decoration:none;border-bottom:1px dashed rgba(61,217,235,.45)}.jtn__link:hover{border-bottom-style:solid}.jtn__link:focus-visible{outline:3px solid rgba(61,217,235,.6);outline-offset:2px}.mission__overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:radial-gradient(1200px 600px at 50% 50%,#9d72ff1f,#000000b3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mission__dialog{width:min(920px,92vw);max-height:90vh;overflow:auto;color:var(--ink);border-radius:16px;padding:18px;background:linear-gradient(180deg,#0f0f1f,#12122a) padding-box,linear-gradient(120deg,#3dd9eb8c,#9d72ff8c) border-box;border:1px solid transparent;box-shadow:var(--ring-strong)}.mission__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#12122af2,#12122ab3);border-bottom:1px solid rgba(157,114,255,.25);padding:10px 8px;margin:-6px -6px 12px;border-top-left-radius:12px;border-top-right-radius:12px}.mission__header h2{font:800 1.4rem/1 Poppins,system-ui,sans-serif;margin:0;background:linear-gradient(45deg,#3dd9eb,#9d72ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mission__close{border:none;background:transparent;color:#fff;font-size:1.6rem;line-height:1;padding:6px 10px;cursor:pointer;border-radius:8px;transition:background .15s ease,transform .15s ease}.mission__close:hover{background:#ffffff0f;transform:scale(1.04)}.mission__close:focus-visible{outline:3px solid rgba(61,217,235,.6);outline-offset:2px}.mission__section{padding:6px 4px 12px}.mission__subtitle{font:700 1.1rem/1.2 Poppins,system-ui,sans-serif;margin:0 0 6px}.mission__bullets{margin:0 0 12px 18px;padding:0}.mission__bullets li{margin:8px 0;list-style:none;position:relative;padding-left:26px}.mission__bullets li:before{content:"🛡️";position:absolute;left:0;top:0;transform:translateY(1px);filter:drop-shadow(0 0 6px rgba(157,114,255,.4))}.mission__quizlist{margin:0 0 10px 18px;padding:0}.mission__quizitem{margin:12px 0}.mission__question{margin:0 0 8px}.mission__options{display:grid;gap:8px}.mission__option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(157,114,255,.25);border-radius:12px;background:#ffffff08;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.mission__option:hover{border-color:#9d72ff73;background:#ffffff0d;box-shadow:0 0 0 3px #9d72ff1f inset}.mission__option input[type=radio]{appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(157,114,255,.6);display:inline-grid;place-items:center;background:transparent;margin:0}.mission__option input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .12s ease;background:linear-gradient(45deg,var(--cyan),var(--purple));box-shadow:0 0 8px #3dd9eb80}.mission__option input[type=radio]:checked:before{transform:scale(1)}.mission__option input[type=radio]:focus-visible{outline:3px solid rgba(61,217,235,.6);outline-offset:2px}.mission__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.mission__btn{border-radius:999px;padding:10px 18px;font:700 .95rem/1 Poppins,system-ui,sans-serif;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.mission__btn[disabled]{opacity:.6;cursor:not-allowed}.mission__btn--primary{background:linear-gradient(45deg,var(--primary),#4b2e83);color:#fff;box-shadow:var(--ring)}.mission__btn--primary:hover{transform:translateY(-1px);box-shadow:var(--ring-strong)}.mission__btn--ghost{background:transparent;color:#9d72ff;border-color:#9d72ff80}.mission__btn--ghost:hover{border-color:#9d72ffcc}.mission__result{text-align:center}.mission__score{font-size:1.1rem;margin:4px 0 10px}.mission__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#9d72ff1a;border:1px solid rgba(157,114,255,.35);margin-bottom:8px;box-shadow:inset 0 0 24px #3dd9eb14,var(--ring)}.mission__next{color:#cfd0f6}@media(prefers-reduced-motion:reduce){.jtn__panel,.comic__btn,.jtn__link,.mission__option,.mission__btn{transition:none!important}.mission__overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.mission__close:hover,.jtn__panel:hover,.mission__btn--primary:hover{transform:none!important}}@media(max-width:992px){.jtn__hero{grid-template-columns:1fr}.jtn__title{font-size:2.4rem}.jtn__panels,.comic__meta-row{grid-template-columns:1fr}.comic__meta{grid-template-columns:repeat(2,1fr)}.comic__credits{grid-template-columns:1fr 1fr}}@media(max-width:520px){.mission__header h2{font-size:1.15rem}.mission__btn{width:100%;text-align:center}}:root{--primary:#663399;--primary-2:#9d72ff;--cyan:#3dd9eb;--ink:#f5f5f5;--muted:#b3b3cc;--dark:#0f0f1f;--bg-1:#0f1121;--card:rgba(26,26,46,.8);--border:1px solid rgba(157,114,255,.25)}.sft-root{background:var(--bg-1);color:var(--ink)}.sft-intro{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;text-align:center;border-bottom:var(--border)}.sft-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%)}.sft-hero__title{font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(157,114,255,.15)}.sft-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--primary-2),var(--cyan));box-shadow:0 0 12px #9d72ff73}.sft-hero__subtitle{max-width:720px;margin:10px auto 22px;color:#f5f5f5bf;font-size:clamp(.95rem,1.6vw,1.1rem)}.sft-section{margin:40px 0}.sft-h2{font-weight:800;text-align:center;font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:24px;background:linear-gradient(45deg,#e63946,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sft-list{list-style:none;margin:0;padding-left:18px;color:var(--muted)}.sft-list li{margin:8px 0;line-height:1.6;position:relative}.sft-list li:before{content:"✔";position:absolute;left:-18px;top:0;color:var(--cyan);font-size:.9rem;filter:drop-shadow(0 0 6px rgba(61,217,235,.35))}.plain-list li:before{content:none!important}.sft-grid,.sft-grid-3{display:grid;gap:18px}.sft-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sft-grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sft-card{background:var(--card);border:var(--border);border-radius:14px;padding:16px;box-shadow:0 0 12px #0000004d}.sft-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;background:linear-gradient(45deg,var(--cyan),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sft-card ul{list-style:none;margin:0;padding-left:18px;color:var(--muted)}.sft-card ul li{margin:6px 0;line-height:1.6;position:relative}.sft-card ul li:before{content:"•";color:var(--cyan);position:absolute;left:-12px}.sft-tagline{text-align:center;margin-top:16px;color:var(--muted);font-style:italic}.sft-callout{margin:60px auto;max-width:1000px;padding:18px 22px;border:var(--border);border-radius:14px;background:linear-gradient(180deg,#3dd9eb14,#66339914);text-align:center;box-shadow:0 6px 24px #00000040}@media(max-width:768px){.sft-hero__title{font-size:2rem}.sft-grid,.sft-grid-3{grid-template-columns:1fr}}:root{--primary: #663399;--primary-2: #9d72ff;--cyan: #3dd9eb;--ink: #f5f5f5;--muted: #b3b3cc;--dark: #0f0f1f;--bg-1: #0f1121;--card: rgba(26, 26, 46, .8);--ring: 0 0 10px rgba(157, 114, 255, .6), 0 0 20px rgba(61, 217, 235, .35);--border: 1px solid rgba(157, 114, 255, .25);--focus: #9d72ff}.pg-root{background:var(--bg-1);color:var(--ink)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.pg-intro{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0;text-align:center}.pg-intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.pg-hero__title{font-family:var(--font-primary, system-ui);font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,var(--primary-2),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.pg-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--primary-2),var(--cyan));box-shadow:0 0 12px #9d72ff73}.pg-hero__subtitle{max-width:720px;margin:10px auto 18px;color:#f5f5f5bf;font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}.pg-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:980px){.pg-intro{padding:80px 0 24px}}.pg-btn{display:inline-block;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid rgba(157,114,255,.5);color:#fff;background:linear-gradient(45deg,var(--primary),var(--primary-2));transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #9d72ff59}.pg-btn:active{transform:translateY(0);filter:brightness(.95)}.pg-btn-outline{background:transparent}.pg-h2{font-size:1.35rem;margin-bottom:14px;font-weight:800;letter-spacing:.2px;background:linear-gradient(45deg,#e63946,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pg-quick-cards{margin-top:1.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pg-card{background:var(--card);border:var(--border);border-radius:14px;padding:18px 18px 16px;box-shadow:var(--ring)}.pg-card-title{font-size:1.05rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,var(--cyan),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pg-list,.pg-bullets{list-style:none;margin:0;padding-left:18px;color:var(--muted)}.pg-list li,.pg-bullets li{margin:8px 0;position:relative}.pg-list li:before{content:"✔";position:absolute;left:-18px;top:0;filter:drop-shadow(0 0 6px rgba(61,217,235,.35));color:var(--cyan)}.pg-two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pg-block,.pg-step{background:var(--card);border:var(--border);border-radius:14px;padding:16px}.pg-step h3{margin-bottom:8px;font-size:1.05rem}.pg-steps{counter-reset:step;list-style:none;padding-left:0;color:var(--muted)}.pg-steps li{margin:8px 0;padding-left:28px;position:relative}.pg-steps li:before{counter-increment:step;content:counter(step) ".";position:absolute;left:0;top:0;width:20px;text-align:right;color:var(--cyan)}.pg-cta{padding:2rem 0 3rem}.pg-cta-box{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#66339940,#3dd9eb26);border:var(--border);border-radius:16px;padding:18px;box-shadow:var(--ring)}.pg-cta-copy p{color:var(--ink);opacity:.95}.pg-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:992px){.pg-quick-cards{grid-template-columns:1fr 1fr}.pg-two-col{grid-template-columns:1fr}.pg-grid-3{grid-template-columns:1fr 1fr}.pg-cta-box{grid-template-columns:1fr}.pg-cta-actions{justify-content:flex-start}}@media(max-width:680px){.pg-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}}@media(max-width:576px){.pg-quick-cards,.pg-grid-3{grid-template-columns:1fr}.pg-btn{width:100%;text-align:center}}@media print{body{background:#fff!important;color:#111}.container{padding:0;max-width:100%}.pg-card,.pg-block,.pg-step,.pg-cta-box{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;color:#000!important}.pg-h2,.pg-card-title{-webkit-text-fill-color:unset!important;background:none!important;color:#000!important}.pg-intro{background:#fff!important}.pg-btn,.pg-cta-actions,.pg-hero-cta{display:none!important}}:root{--primary:#663399;--primary-2:#9d72ff;--cyan:#3dd9eb;--bg-1:#0f1121;--ink:#f5f5f5;--muted:rgba(245,245,245,.75);--ring:0 0 0 3px rgba(157,114,255,.28)}.kits-page{background:var(--bg-1);color:var(--ink)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;text-align:center}.kits-hero{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;text-align:center}.kits-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%)}.kits-hero__title{font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(157,114,255,.15)}.kits-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.kits-hero__subtitle{max-width:720px;margin:10px auto 22px;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.1rem)}@media(max-width:980px){.kits-hero{padding:80px 0 24px}}.kits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:40px;padding-bottom:80px}.kit-card{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#191932d9,#121224d9);border:1px solid rgba(157,114,255,.24);padding-bottom:12px;box-shadow:0 10px 30px #0000004d;transition:transform .18s ease}.kit-card:hover{transform:translateY(-2px)}.kit-card__media{position:relative;display:flex;align-items:center;justify-content:center;height:240px;background:radial-gradient(60% 60% at 50% 40%,rgba(157,114,255,.08),transparent 60%),radial-gradient(55% 50% at 70% 30%,rgba(61,217,235,.06),transparent 60%);border-bottom:1px solid rgba(157,114,255,.28);overflow:hidden}.kit-card__media:before{content:"";position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;filter:blur(18px) saturate(1.1) brightness(.9);transform:scale(1.1);z-index:0}.kit-card__media img{position:relative;z-index:1;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.kit-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--cyan);color:#001018;padding:6px 10px;font-size:.75rem;font-weight:800;border-radius:12px;box-shadow:0 0 8px #3dd9eb66}.kit-tag{position:absolute;bottom:12px;right:12px;z-index:2;background:#9d72ff40;color:var(--ink);padding:4px 10px;font-size:.8rem;border-radius:10px}.kit-card__body{padding:16px;text-align:left}.kit-card__title{font-size:1.1rem;font-weight:800;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kit-includes{list-style:none;padding:0;margin:0;color:var(--muted)}.kit-includes li{padding-left:16px;position:relative;margin:4px 0}.kit-includes li:before{content:"✔";position:absolute;left:0;color:var(--primary-2);font-size:.8rem}.kits-links{margin:80px 0}.kits-links__title{font-size:2rem;font-weight:800;margin-bottom:30px;text-align:center;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kits-links__wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.kits-link{color:#9d72ff;border:2px solid #9d72ff;padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:700;transition:all .25s ease}.kits-link:hover{background:#9d72ff;color:#fff;box-shadow:0 0 12px #9d72ff73}@media(max-width:980px){.kits-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.kits-grid{grid-template-columns:1fr}.kits-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}}:root{--primary: #663399;--primary-2: #9d72ff;--cyan: #3dd9eb;--dark: #0f0f1f;--ink: #f5f5f5;--muted: rgba(245,245,245,.75);--accent: #9d72ff;--border: rgba(157,114,255,.35);--ring: 0 0 14px rgba(157,114,255,.65), 0 0 24px rgba(61,217,235,.35)}html,body{background:var(--dark);color:var(--ink);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.academy-hero{padding:100px 0 32px;background:linear-gradient(180deg,#9d72ff14,#3dd9eb0f 35%,#0f1121);position:relative;z-index:0;text-align:center}.academy-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 20% 15%,rgba(157,114,255,.18),transparent 60%),radial-gradient(50% 40% at 85% 10%,rgba(61,217,235,.15),transparent 60%);z-index:0}.academy-hero__title{font-family:var(--font-primary, system-ui);font-weight:800;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:linear-gradient(45deg,#9d72ff,#3dd9eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 10px rgba(157,114,255,.15);position:relative;z-index:1}.academy-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,#9d72ff,#3dd9eb);box-shadow:0 0 12px #9d72ff73}.academy-hero__subtitle{max-width:720px;margin:10px auto 18px;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}@media(max-width:980px){.academy-hero{padding:80px 0 24px}}.tracks-neo{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;margin-top:2.5rem;margin-bottom:2.5rem}.tcard{background:#111122d1;border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000059;transition:transform .25s ease,box-shadow .25s ease}.tcard:hover{transform:translateY(-5px);box-shadow:var(--ring)}.tcard__ribbon{position:absolute;top:16px;right:-30px;transform:rotate(45deg);background:var(--primary);color:#fff;padding:4px 30px;font-weight:700;font-size:.75rem;text-transform:uppercase}.tcard__ribbon--kids{background:#00bcd4}.tcard__ribbon--teens{background:#4caf50}.tcard__ribbon--adv{background:#f44336}.tcard__title{font-size:1.4rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tcard__lede{color:#f5f5f5c7;line-height:1.6;margin-bottom:12px}.tcard__lines p{font-size:.95rem;margin-bottom:4px}.tcard__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:#9d72ff33;border:1px solid var(--border);border-radius:999px;font-size:.75rem;padding:3px 10px}.chip--kids{background:#00bcd440}.chip--teens{background:#4caf5040}.chip--adv{background:#f4433640}.tcard__actions{margin-top:18px;display:flex;gap:10px}.btn-lg,.btn-sm{display:inline-block;border-radius:999px;border:1px solid var(--border);color:var(--ink);text-decoration:none;font-weight:700;background:linear-gradient(180deg,#111122e6,#1129);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-lg{padding:10px 18px}.btn-sm{padding:8px 14px;font-size:.95rem}.btn-lg:hover,.btn-sm:hover{transform:translateY(-2px);box-shadow:var(--ring)}.outline{background:transparent;border-color:var(--border)}.outline:hover{background:#9d72ff1a;box-shadow:var(--ring)}.related-neo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem;margin-bottom:2.6rem}.rcard{background:#111122d1;border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center;box-shadow:0 6px 18px #00000059;transition:transform .25s ease,box-shadow .25s ease}.rcard:hover{transform:translateY(-5px);box-shadow:var(--ring)}.rcard__title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.rcard__lede{color:#f5f5f5c7;font-size:.95rem;margin-bottom:16px}.guide{background:#111122b3;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 0 20px #0006}.guide-title{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guide-lede{color:#f5f5f5c7;margin-bottom:18px;line-height:1.5}.guide-section{margin-bottom:22px}.guide-section h3{font-size:1.1rem;margin-bottom:8px;color:var(--accent)}.plain-lines p{font-size:.95rem;margin-bottom:4px;color:var(--ink)}.callout.warn{background:#e6394626;border-left:4px solid #e63946;padding:12px 16px;border-radius:6px;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2.4rem}@media(max-width:768px){.tracks-neo,.related-neo{grid-template-columns:1fr}.guide,.tcard{padding:20px}}:root{--primary:#663399;--cyan:#3dd9eb;--dark:#0f0f1f;--ink:#f5f5f5;--muted:#b3b3cc;--border:rgba(157,114,255,.35);--panel:rgba(17,17,34,.65);--ring:0 0 14px rgba(157,114,255,.65),0 0 24px rgba(61,217,235,.35)}*{box-sizing:border-box}html,body{background:var(--dark);color:var(--ink)}.container{width:min(1200px,100%);margin-inline:auto;padding-inline:clamp(16px,3vw,28px)}.pg-topside{position:relative;overflow:hidden;padding:clamp(48px,8vw,80px) 0 clamp(28px,4vw,40px);border-bottom:1px solid var(--border)}.pg-topside__bg{position:absolute;inset:0;background:radial-gradient(45% 55% at 25% 25%,rgba(157,114,255,.18),transparent 60%),radial-gradient(45% 55% at 75% 70%,rgba(61,217,235,.18),transparent 60%),linear-gradient(180deg,#15152a,#0f0f1f);z-index:-2}.pg-topside__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.cs-p{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--cyan);opacity:.7;box-shadow:0 0 8px var(--cyan);animation:float 10s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-28px) scale(1.1)}}.pg-topside__title{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:0 0 10px;background:linear-gradient(45deg,var(--primary),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 12px rgba(157,114,255,.35);position:relative}.pg-topside__title:after{content:"";display:block;width:140px;height:3px;margin-top:10px;background:linear-gradient(90deg,var(--primary),transparent)}.pg-topside__subtitle{margin-top:10px;color:var(--muted);font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.6}.cs-body{padding:clamp(26px,4vw,40px) 0 clamp(40px,6vw,64px)}.cs-panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 40px #00000059,var(--ring);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(18px,3.5vw,32px)}.cs-countdown{display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:clamp(10px,2.6vw,24px);margin:8px auto 22px;max-width:640px}.cs-count{border:1px solid var(--border);border-radius:16px;padding:14px 10px;background:linear-gradient(180deg,#111122d9,#1111228c);box-shadow:inset 0 0 0 1px #3dd9eb14;text-align:center}.cs-num{display:block;font-weight:800;font-size:clamp(1.5rem,3.6vw,2.4rem);letter-spacing:.5px;color:var(--cyan);text-shadow:0 0 12px rgba(61,217,235,.55)}.cs-count small{display:block;margin-top:4px;font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cs-subscribe{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:640px;margin:0 auto}.cs-subscribe input{width:100%;padding:12px 16px;border-radius:999px;border:0;outline:0;background:#fffffff0;color:#111;font-size:1rem}.cs-msg{margin-top:10px;font-size:.95rem}.cs-msg.ok{color:#38d45a}.cs-msg.err{color:#ff6b6b}.pg-cta-actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center}.pg-btn{display:inline-block;padding:10px 16px;border-radius:999px;border:1px solid var(--border);color:var(--ink);text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(180deg,#111122d9,#1129)}.pg-btn:hover{transform:translateY(-2px);box-shadow:var(--ring)}.pg-btn-outline{background:transparent;border-color:var(--border)}.cs-tracks{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin-top:20px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.cs-subscribe{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0f0f1a}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:#0f0f1a;color:#e6e6ef;line-height:1.6}a{color:#b79cff;text-decoration:none}a:hover,a:focus{text-decoration:underline}img{display:block;max-width:100%;height:auto}.container{width:min(1200px,92vw);margin-inline:auto;padding-inline:12px}#root,.app-shell{min-height:100dvh;display:flex;flex-direction:column}.site-header{flex:0 0 auto}#main{flex:1 1 auto}.site-footer{flex:0 0 auto;margin-top:auto}main>:last-child{margin-bottom:0}:root{--defenderon-purple: #663399;--defenderon-cyan: #3dd9eb;--defenderon-gradient: linear-gradient(90deg, var(--defenderon-purple) 0%, var(--defenderon-cyan) 100%);--text-main: #e6e6ef;--text-muted: rgba(230, 230, 239, .75);--glow-soft: 0 0 12px rgba(102, 51, 153, .4), 0 0 18px rgba(61, 217, 235, .25)}.hero-title,.comics-hero__title,.sft-main-title,.heroes-hero__title,.netropolis-hero__title,.about-hero__title,.contact-hero__title,.resources-hero__title{font-weight:900;font-size:clamp(1.75rem,3.6vw,3rem);line-height:1.15;margin:0 0 8px;background:var(--defenderon-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:var(--glow-soft);text-transform:uppercase;letter-spacing:.5px;display:inline-block;position:relative;z-index:1}.hero-title:after,.comics-hero__title:after,.sft-main-title:after,.heroes-hero__title:after,.netropolis-hero__title:after,.about-hero__title:after,.contact-hero__title:after,.resources-hero__title:after{content:"";display:block;height:4px;width:120px;margin:10px auto 0;border-radius:999px;background:var(--defenderon-gradient);box-shadow:0 0 14px #6396}.hero-sub,.sft-subtitle,.comics-hero__subtitle,.heroes-hero__subtitle,.netropolis-hero__subtitle,.about-hero__subtitle,.contact-hero__subtitle,.resources-hero__subtitle{max-width:720px;margin:10px auto 22px;color:var(--text-muted);font-size:clamp(.95rem,1.6vw,1.1rem);text-align:center;position:relative;z-index:1}