@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{--black:#080909;--black2:#111;--paper:#f7f1e8;--red:#ff2f19;--orange:#ff6a1a;--green:#4ade80;--mint:#3affbc;--grey:#858279;--line:rgba(247,241,232,.15)}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--paper);font-family:'Space Grotesk',sans-serif;line-height:1.55}
[v-cloak]{display:none!important}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.font-display{font-family:'Archivo',sans-serif}.tracking-tightest{letter-spacing:-.06em}
.page-shell{min-height:100vh;overflow-x:hidden;background:radial-gradient(900px 650px at 5% 5%,rgba(255,47,25,.16),transparent 68%),radial-gradient(700px 500px at 90% 70%,rgba(58,255,188,.05),transparent 70%),linear-gradient(rgba(247,241,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(247,241,232,.025) 1px,transparent 1px),var(--black);background-size:auto,auto,28px 28px,28px 28px}

/* HEADER */
.header{border-bottom:1px solid var(--line);background:rgba(8,9,9,.94)}
.header-container{max-width:1500px;margin:auto;padding:22px 42px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:25px}
.zine-brand{display:grid;grid-template-columns:20px auto;column-gap:12px;align-items:end}.zine-brand-number{grid-row:1/3;writing-mode:vertical-rl;color:var(--red);font:700 9px/1 'Space Grotesk';letter-spacing:.2em}.zine-brand-title{font-size:28px;font-weight:900;line-height:.8;letter-spacing:-.07em}.zine-brand-subtitle{grid-column:2;margin-top:7px;color:var(--grey);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.header-navigation{display:flex;gap:9px;flex-wrap:wrap}.header-link{border:1px solid rgba(247,241,232,.25);padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:.18s}.header-link:hover{background:var(--paper);color:var(--black);transform:rotate(-1deg)}

/* HERO */
.hero-section{max-width:1500px;margin:auto;padding:42px}.hero-paper{overflow:hidden;background:var(--paper);color:var(--black);transform:rotate(-.7deg);box-shadow:15px 15px 0 var(--red)}
.hero-meta,.hero-footer{display:flex;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid rgba(8,9,9,.18);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero-footer{border-top:1px solid rgba(8,9,9,.18);border-bottom:0}.hero-footer b{color:var(--red);font-size:17px}
.hero-layout{display:grid;grid-template-columns:1.15fr .85fr;min-height:610px}.hero-content{position:relative;padding:68px 55px}.hero-kicker{max-width:520px;margin:0 0 22px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.hero-title{margin:0;font-size:clamp(90px,12vw,190px);line-height:.74;font-weight:900}.hero-title em{color:var(--red);font-style:normal}.hero-line{height:7px;width:72%;margin:36px 0 24px;background:var(--black)}.hero-text{max-width:650px;margin:0;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid var(--black);padding:11px 17px;font:900 11px/1 'Archivo';letter-spacing:.1em;text-transform:uppercase;transition:.18s}.hero-button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--black)}.hero-button-dark{background:var(--black);color:var(--paper)}.hero-button-light{background:transparent;color:var(--black)}.hero-button-red{background:var(--red);color:var(--black);border-color:var(--red)}
.hero-poster{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--black)}.hero-poster:before{content:'';position:absolute;inset:25px;border:1px solid rgba(247,241,232,.16)}.poster-circle{width:min(390px,70%);aspect-ratio:1;border:10px solid var(--paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--paper);transform:rotate(5deg)}.poster-circle span{font-size:12px;letter-spacing:.35em}.poster-circle strong{margin:13px 0;font:900 65px/.78 'Archivo';letter-spacing:-.07em}.poster-circle small{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.24em}.poster-number{position:absolute;right:34px;bottom:28px;color:var(--red);font-size:90px;font-weight:900;line-height:.7}.poster-note{position:absolute;left:38px;bottom:58px;padding:11px 15px;background:var(--red);font:900 14px/1 'Archivo';transform:rotate(-7deg)}.poster-tape{position:absolute;width:120px;height:28px;background:rgba(247,241,232,.62);opacity:.75}.poster-tape-a{top:70px;right:80px;transform:rotate(18deg)}.poster-tape-b{bottom:85px;left:90px;transform:rotate(-12deg)}

/* COMMON SECTIONS */
.manisch-info-section,.quiz-launch-section,.quiz-question-section,.score-section,.hall-of-fame-section,.tools-section{max-width:1500px;margin:auto;padding-left:42px;padding-right:42px}.manisch-info-section{padding-top:45px}.info-card{padding:42px;background:var(--paper);color:var(--black);transform:rotate(.7deg);box-shadow:12px 12px 0 var(--orange)}.info-label,.section-number{display:inline-block;margin-bottom:16px;font-size:10px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.info-label{padding:7px 10px;background:var(--black);color:var(--paper)}.info-title{max-width:900px;margin:0;font-size:72px;line-height:.9;font-weight:900;text-transform:uppercase}.info-text{max-width:900px;margin:25px 0 0;font-size:18px}.info-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.info-facts>div{display:flex;flex-direction:column;border-top:2px solid var(--black);padding-top:14px}.info-facts b{font:900 28px/1 'Archivo';color:var(--red)}.info-facts strong{margin-top:8px;font-size:16px}.info-facts span{font-size:13px;color:#555}
.section-heading{max-width:1500px;margin:auto;padding-top:105px;padding-bottom:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading>p{border-left:3px solid var(--green);padding-left:15px;color:var(--grey);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-title{margin:0;font-size:clamp(60px,8vw,110px);line-height:.78;font-weight:900;text-transform:uppercase}

/* QUIZ */
.quiz-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.quiz-level-card{position:relative;min-height:390px;border:0;padding:30px;text-align:left;color:var(--black);transition:.2s}.quiz-level-card.beginner{background:var(--orange);transform:rotate(1.1deg);box-shadow:11px 11px 0 var(--paper)}.quiz-level-card.pro{background:var(--green);transform:rotate(-1.3deg);box-shadow:11px 11px 0 var(--red)}.quiz-level-card:hover{transform:rotate(0) translateY(-7px)}.card-number{position:absolute;top:25px;left:28px;font-size:9px;font-weight:900;letter-spacing:.2em}.card-stamp{position:absolute;top:23px;right:25px;border:2px solid var(--black);padding:7px 10px;font:900 11px/1 'Archivo';transform:rotate(8deg)}.quiz-level-card>div{position:absolute;left:30px;right:30px;bottom:72px}.quiz-level-card small{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.quiz-level-card h3{margin:12px 0 0;font-size:clamp(65px,7vw,105px);line-height:.76;font-weight:900;letter-spacing:-.075em;text-transform:uppercase}.quiz-level-card p{max-width:430px;margin:20px 0 0;font-size:16px}.quiz-level-card>b{position:absolute;right:28px;bottom:27px;font:900 13px/1 'Archivo';letter-spacing:.1em}

/* QUESTION */
.quiz-question-section{display:none;padding-top:70px;padding-bottom:70px}.quiz-question-section.active{display:block}.question-wrap{display:flex;flex-direction:column;gap:35px}.quiz-live-bar{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;color:var(--grey);font-size:10px;font-weight:700;letter-spacing:.2em}.question-header{display:block}.question-label{display:block;margin-bottom:17px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.question-title{max-width:1100px;margin:0;font-size:clamp(55px,7.5vw,105px);line-height:.86;font-weight:900;letter-spacing:-.075em;text-transform:uppercase}.quiz-progress{height:12px;background:rgba(247,241,232,.1)}.quiz-progress-fill{height:100%;background:var(--red);transition:width .25s}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer-card{min-height:190px;border:1px solid var(--line);background:var(--black2);color:var(--paper);padding:25px;text-align:left;transition:.15s}.answer-card:hover:not(:disabled){border-color:var(--green);transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--green)}.answer-content{display:flex;justify-content:space-between;gap:20px;height:100%}.answer-letter{display:block;color:var(--red);font-size:30px;font-weight:900}.answer-text{display:block;margin-top:22px;font-size:clamp(25px,3vw,43px);line-height:.95;font-weight:900;text-transform:uppercase}.answer-marker{width:20px;height:20px;flex:none;border:1px solid rgba(247,241,232,.35)}.answer-card.correct{background:var(--green);color:var(--black)}.answer-card.wrong{background:var(--red);color:var(--black)}.answer-card.dim{opacity:.3}

/* SCORE */
.score-section{display:none;padding-top:80px;padding-bottom:80px}.score-section.active{display:block}.score-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:35px}.score-card{padding:42px;background:var(--paper);color:var(--black);transform:rotate(-.8deg);box-shadow:13px 13px 0 var(--red)}.score-overline{display:block;margin-bottom:35px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.22em}.score-header{display:flex;justify-content:space-between;gap:30px}.score-label{color:#625e58;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.score-title{margin:12px 0 0;font-size:clamp(65px,7vw,105px);line-height:.78;font-weight:900;text-transform:uppercase}.score-number-block{align-self:flex-start;padding:18px;background:var(--black);color:var(--paper)}.score-number{font-size:38px;font-weight:900;white-space:nowrap}.score-text{max-width:700px;margin:35px 0;font-size:17px}.score-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.score-form{border-top:1px solid rgba(8,9,9,.18);padding-top:25px}.score-form label{display:block;margin-bottom:9px;font-size:9px;font-weight:900;letter-spacing:.2em}.score-form>div{display:flex;gap:10px}.score-name{min-width:0;flex:1;border:2px solid var(--black);padding:12px 14px;background:transparent;color:var(--black)}.score-message,.score-success{margin-top:12px;font-size:12px;font-weight:700}.progress-card{padding:38px;border:1px solid var(--line);background:var(--black2)}.progress-big{display:block;margin:30px 0 12px;color:var(--green);font-size:100px;line-height:.75;font-weight:900}.progress-track{height:14px;margin-top:25px;background:rgba(247,241,232,.1)}.progress-fill{height:100%;background:var(--green)}.progress-caption{display:block;margin-top:10px;color:var(--grey);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.progress-stats>div{border-top:1px solid var(--line);padding-top:15px}.progress-stats b{display:block;font:900 40px/1 'Archivo'}.progress-stats span{color:var(--grey);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}

/* HALL */
.hall-of-fame-section{padding-top:55px;padding-bottom:80px}.hall-container{padding:40px;border:1px solid var(--line);background:#070707}.hall-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:45px}.hall-title{margin:0;font-size:clamp(65px,8vw,115px);line-height:.76;font-weight:900;text-transform:uppercase}.hall-stamp{border:2px solid var(--red);padding:15px;color:var(--red);font-size:10px;font-weight:900;line-height:1.3;letter-spacing:.12em;transform:rotate(5deg)}.hall-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.ranking-card{padding:25px;border:1px solid var(--line);background:var(--black2)}.red-card{border-color:rgba(255,47,25,.5)}.ranking-header{padding-bottom:20px;border-bottom:1px solid var(--line)}.ranking-header h3{margin:0;font-size:28px;line-height:.9;font-weight:900;text-transform:uppercase}.ranking-list{display:flex;flex-direction:column}.ranking-item{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid rgba(247,241,232,.08)}.ranking-item>span{display:flex;align-items:center;gap:17px;min-width:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ranking-item b{color:var(--red);font:900 22px/1 'Archivo'}.ranking-item strong{font:900 22px/1 'Archivo'}

/* TOOLS */
.tools-section{padding-bottom:100px}.tools-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.tool-card{position:relative;min-height:420px;display:flex;flex-direction:column;padding:30px;color:var(--black);transition:.2s}.tool-card:hover{transform:translateY(-6px) rotate(0)}.orange-card{background:var(--orange);transform:rotate(-1deg);box-shadow:10px 10px 0 var(--paper)}.green-card{background:var(--green);transform:rotate(1.2deg);box-shadow:10px 10px 0 var(--red)}.paper-card{background:var(--paper);transform:rotate(-.7deg);box-shadow:10px 10px 0 var(--orange)}.tool-index{position:absolute;right:23px;top:20px;font:900 45px/1 'Archivo';opacity:.4}.tool-card h3{margin:55px 0 0;font-size:48px;line-height:.82;font-weight:900;letter-spacing:-.065em;text-transform:uppercase}.tool-card>p{font-size:15px;line-height:1.55}.tool-card>a{margin-top:auto;border-top:2px solid var(--black);padding-top:15px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tool-card>a:hover{color:var(--red)}.translator-panel{margin-top:auto}.translator-input{width:100%;border:2px solid var(--black);padding:13px;background:rgba(255,255,255,.15);color:var(--black);font-weight:700}.translator-input::placeholder{color:rgba(8,9,9,.55)}.translator-output{min-height:58px;margin-top:8px;border:2px solid var(--black);padding:13px;background:var(--black);color:var(--green);font:900 15px/1.4 'Archivo';text-transform:uppercase}

/* FOOTER */
.footer{border-top:1px solid var(--line)}.footer-inner{max-width:1500px;margin:auto;padding:45px 42px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-inner>strong{font-size:45px;line-height:.8;letter-spacing:-.07em}.footer-inner>span{color:var(--grey);font-size:9px;font-weight:700;line-height:1.6;letter-spacing:.18em}.footer-inner>b{color:var(--red);font-size:30px}

@media(max-width:1000px){.header-container,.hero-section,.manisch-info-section,.quiz-launch-section,.quiz-question-section,.score-section,.hall-of-fame-section,.tools-section,.footer-inner{padding-left:24px;padding-right:24px}.hero-layout{grid-template-columns:1fr}.hero-poster{min-height:450px}.score-layout,.hall-grid,.tools-grid{grid-template-columns:1fr}.info-facts{grid-template-columns:1fr}.quiz-level-grid,.answer-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.tool-card{min-height:330px}}
@media(max-width:700px){.header-row{align-items:flex-start;flex-direction:column}.header-navigation{width:100%}.header-link{flex:1;text-align:center;padding:8px 6px;font-size:9px}.hero-content{padding:55px 25px 40px}.hero-title{font-size:70px}.hero-sticker{display:none}.hero-poster{min-height:360px}.poster-circle strong{font-size:48px}.hero-meta,.hero-footer{font-size:7px}.hero-footer span{max-width:38%}.info-card{padding:27px}.info-title{font-size:45px}.section-heading{padding-top:70px}.section-title{font-size:55px}.quiz-level-card{min-height:340px}.quiz-level-card h3{font-size:65px}.quiz-live-bar{font-size:8px}.question-title{font-size:45px}.answer-card{min-height:145px}.answer-text{font-size:27px}.score-card{padding:27px}.score-header{flex-direction:column}.score-form>div{flex-direction:column}.hall-container{padding:25px}.hall-header{flex-direction:column}.footer-inner{grid-template-columns:1fr;align-items:start}}
@media(max-width:430px){.header-container,.hero-section,.manisch-info-section,.quiz-launch-section,.quiz-question-section,.score-section,.hall-of-fame-section,.tools-section,.footer-inner{padding-left:16px;padding-right:16px}.zine-brand-title{font-size:24px}.hero-title{font-size:54px}.hero-content{padding-left:20px;padding-right:20px}.section-title{font-size:42px}.quiz-level-card{padding:24px}.quiz-level-card h3{font-size:50px}.question-title{font-size:36px}.score-title{font-size:42px}.hall-title{font-size:55px}.tool-card h3{font-size:41px}}