@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e2b0007eb6d309c5-s.0m-m.nl81sq~s.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c52371ad357d63ab-s.0n597sl24zxtl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d622c970823c5a32-s.p.0cnfmqtkuqke9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers Fallback;src:local(Arial);ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:82.32%}.bangers_e99da2b-module__yDbhZa__className{font-family:Bangers,Bangers Fallback;font-style:normal;font-weight:400}.bangers_e99da2b-module__yDbhZa__variable{--font-bangers:"Bangers", "Bangers Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/224e262ef877bfa4-s.0mo8vqgr8yagc.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0r4w1y.tjq0ay.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.0lcb62h0-.jh3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.0ri_id_kcagyz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_22336911-module__FLPYxG__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_22336911-module__FLPYxG__variable{--font-nunito:"Nunito", "Nunito Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--red:#e63946;--blue:#1d3557;--yellow:#ffd166;--warm:#fff9e1;--dark:#0b132b;--black:#1a1a1a;--panel-border:4px solid #1a1a1a;--transition-smooth:cubic-bezier(.16,1,.3,1);--font-bangers:"Bangers", cursive;--font-nunito:"Nunito", sans-serif}body{font-family:var(--font-nunito),sans-serif;background:var(--warm);color:#1a1a1a;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;line-height:1.6;overflow-x:hidden}input,textarea{-webkit-user-select:text;user-select:text}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.panel{opacity:1!important;transform:none!important}}.panel{opacity:0;transition:opacity .9s var(--transition-smooth),transform .9s var(--transition-smooth);transform:translateY(60px)}.panel.visible{opacity:1;transform:translateY(0)}.panel .stagger>*{opacity:0;transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth);transform:translateY(30px)}.panel.visible .stagger>:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.panel.visible .stagger>:nth-child(2){opacity:1;transition-delay:.2s;transform:translateY(0)}.panel.visible .stagger>:nth-child(3){opacity:1;transition-delay:.3s;transform:translateY(0)}.panel.visible .stagger>:nth-child(4){opacity:1;transition-delay:.4s;transform:translateY(0)}.panel.visible .stagger>:nth-child(5){opacity:1;transition-delay:.5s;transform:translateY(0)}.hero-section{background:var(--dark);justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle,#ffffff14 1.5px,#0000 1.5px);background-size:8px 8px;position:absolute;inset:0}.hero-halftone{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-halftone .dot-row{gap:18px;margin-bottom:18px;animation:40s linear infinite drift;display:flex}.hero-halftone .dot-row:nth-child(2n){margin-left:9px}.hero-halftone .dot{background:#ffffff0a;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-burst{z-index:1;pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-burst .burst-ray{transform-origin:bottom;background:linear-gradient(#0000,#ffd1661f);width:2px;height:300px;position:absolute;top:50%;left:50%}.hero-burst .burst-ray:first-child{transform:translate(-50%,-100%)rotate(0)}.hero-burst .burst-ray:nth-child(2){transform:translate(-50%,-100%)rotate(30deg)}.hero-burst .burst-ray:nth-child(3){transform:translate(-50%,-100%)rotate(60deg)}.hero-burst .burst-ray:nth-child(4){transform:translate(-50%,-100%)rotate(90deg)}.hero-burst .burst-ray:nth-child(5){transform:translate(-50%,-100%)rotate(120deg)}.hero-burst .burst-ray:nth-child(6){transform:translate(-50%,-100%)rotate(150deg)}.hero-burst .burst-ray:nth-child(7){transform:translate(-50%,-100%)rotate(180deg)}.hero-burst .burst-ray:nth-child(8){transform:translate(-50%,-100%)rotate(210deg)}.hero-burst .burst-ray:nth-child(9){transform:translate(-50%,-100%)rotate(240deg)}.hero-burst .burst-ray:nth-child(10){transform:translate(-50%,-100%)rotate(270deg)}.hero-burst .burst-ray:nth-child(11){transform:translate(-50%,-100%)rotate(300deg)}.hero-burst .burst-ray:nth-child(12){transform:translate(-50%,-100%)rotate(330deg)}.onomatopoeia{font-family:var(--font-bangers),cursive;z-index:3;pointer-events:none;line-height:1;position:absolute}.onomatopoeia--boom{color:var(--red);opacity:.25;font-size:clamp(3rem,8vw,7rem);animation:3s ease-in-out infinite floatBoom;top:12%;right:8%;transform:rotate(15deg)}.onomatopoeia--wow{color:var(--yellow);opacity:.2;font-size:clamp(2rem,5vw,4.5rem);animation:4s ease-in-out 1s infinite floatWow;bottom:20%;left:5%;transform:rotate(-12deg)}.onomatopoeia--preis{color:var(--red);opacity:.18;font-size:clamp(1.5rem,4vw,3.5rem);animation:4s ease-in-out .5s infinite floatBoom;top:35%;left:4%;transform:rotate(-20deg)}.onomatopoeia--wir{color:var(--yellow);opacity:.15;font-size:clamp(1.8rem,4.5vw,4rem);animation:3.5s ease-in-out .8s infinite floatWow;bottom:35%;right:6%;transform:rotate(8deg)}.onomatopoeia--start{color:#fff;opacity:.12;font-size:clamp(1.3rem,3.5vw,3rem);animation:5s ease-in-out 1.5s infinite floatBoom;top:18%;left:15%;transform:rotate(-5deg)}.onomatopoeia--media{color:var(--red);opacity:.15;font-size:clamp(1.6rem,4vw,3.8rem);animation:4.5s ease-in-out .3s infinite floatWow;bottom:12%;right:3%;transform:rotate(18deg)}.hero-content{z-index:4;text-align:center;width:100%;max-width:800px;position:relative}.hero-title{font-family:var(--font-bangers),cursive;letter-spacing:2px;color:var(--warm);text-shadow:4px 4px 0 var(--red),8px 8px 0 #0000004d;min-height:1.2em;margin-bottom:10px;font-size:clamp(2.8rem,10vw,6rem);line-height:1}.hero-subline{font-family:var(--font-bangers),cursive;letter-spacing:4px;color:var(--yellow);text-shadow:3px 3px 0 var(--dark),5px 5px 0 #0006;margin-bottom:20px;font-size:clamp(1.2rem,4vw,2.8rem);display:block}.hero-badge{background:var(--red);color:#fff;font-family:var(--font-bangers),cursive;letter-spacing:2px;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-top:8px;padding:10px 28px;font-size:clamp(.9rem,2vw,1.2rem);display:inline-block;transform:rotate(-2deg)}.sparkle{z-index:2;pointer-events:none;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--yellow);width:14px;height:14px;animation:3s ease-in-out infinite sparkleFloat;position:absolute}.sparkle:first-child{opacity:.5;width:18px;height:18px;animation-delay:0s;top:8%;left:15%}.sparkle:nth-child(2){opacity:.4;width:12px;height:12px;animation-delay:.7s;top:20%;right:20%}.sparkle:nth-child(3){opacity:.35;width:16px;height:16px;animation-delay:1.4s;bottom:30%;left:10%}.sparkle:nth-child(4){opacity:.5;width:10px;height:10px;animation-delay:2.1s;bottom:15%;right:15%}.sparkle:nth-child(5){opacity:.3;width:14px;height:14px;animation-delay:2.8s;top:45%;left:3%}.scroll-indicator{z-index:5;color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1.5rem;transition:color .3s,opacity .5s;animation:2s ease-in-out infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator:hover,.scroll-indicator:focus-visible{color:var(--yellow);outline:2px solid var(--yellow);outline-offset:4px;border-radius:4px}.scroll-indicator span:first-child{border:2px solid #ffffff4d;border-radius:12px;width:24px;height:40px;margin:0 auto 8px;display:block;position:relative}.scroll-indicator span:first-child:after{content:"";background:var(--yellow);border-radius:2px;width:4px;height:8px;animation:2s ease-in-out infinite scrollDot;position:absolute;top:5px;left:50%;transform:translate(-50%)}.comic-panel{border:4px solid var(--black);box-shadow:6px 6px 0 var(--black);background:#fff;margin-bottom:40px;padding:40px 36px;position:relative}.comic-panel--angled{transform:rotate(-.5deg)}.comic-panel--double{border:4px solid var(--black);outline:2px solid var(--black);outline-offset:-8px}.comic-panel--dark{background:var(--dark);color:var(--warm);border-color:var(--yellow);box-shadow:6px 6px 0 var(--yellow)}.comic-panel--accent{background:var(--red);color:#fff;border-color:var(--black);box-shadow:6px 6px 0 var(--dark)}.comic-panel--accent .comic-panel__title{color:var(--yellow)}.comic-panel--yellow{background:var(--yellow);border-color:var(--black)}.comic-panel--yellow .comic-panel__title{color:var(--dark)}.comic-panel__title{font-family:var(--font-bangers),cursive;color:var(--red);letter-spacing:1px;margin-bottom:16px;font-size:clamp(1.6rem,4vw,2.4rem)}.comic-panel__title--center{text-align:center}.speech-bubble{border:4px solid var(--black);background:#fff;border-radius:24px;margin-bottom:24px;padding:24px 28px;position:relative}.speech-bubble:after{content:"";border-style:solid;border-width:18px 14px 0;border-color:var(--black) transparent transparent;position:absolute;bottom:-18px;left:50px}.speech-bubble:before{content:"";z-index:1;border:9px solid #0000;border-top:11px solid #fff;border-bottom-width:0;position:absolute;bottom:-11px;left:55px}.speech-bubble--right:after{left:auto;right:50px}.speech-bubble--right:before{left:auto;right:55px}.speech-bubble--dark{background:var(--dark);color:var(--warm);border-color:var(--yellow)}.speech-bubble--dark:after{border-color:var(--yellow) transparent transparent}.speech-bubble--dark:before{border-color:var(--dark) transparent transparent}.speech-bubble--accent{background:var(--red);color:#fff;border-color:var(--black)}.speech-bubble--accent:after{border-color:var(--black) transparent transparent}.speech-bubble--accent:before{border-color:var(--red) transparent transparent}.thought-bubble{border:4px solid var(--black);background:#fff;border-radius:40px;max-width:650px;margin:0 auto;padding:32px 36px;position:relative}.thought-bubble .circle-tail{border:4px solid var(--black);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-22px;left:80px}.thought-bubble .circle-tail:after{content:"";border:4px solid var(--black);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-18px;left:24px}.thought-bubble .circle-tail-2{border:4px solid var(--black);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-18px;left:60px}.section{padding:80px 24px}.section--dark{background:var(--dark);color:var(--warm)}.section--warm{background:var(--warm)}.section--accent{background:var(--red);color:#fff}.section--yellow{background:var(--yellow)}.section__inner{max-width:960px;margin:0 auto}.section__label{font-family:var(--font-bangers),cursive;letter-spacing:3px;color:var(--red);text-transform:uppercase;margin-bottom:6px;font-size:clamp(.8rem,1.5vw,1rem)}.section__title{font-family:var(--font-bangers),cursive;margin-bottom:32px;font-size:clamp(2rem,5vw,3.2rem);display:inline-block;position:relative}.section__title:after{content:"";background:var(--red);width:60%;height:4px;margin-top:4px;display:block}.section--dark .section__title{color:var(--warm)}.section--dark .section__title:after{background:var(--yellow)}.section--accent .section__title{color:var(--yellow)}.section--accent .section__title:after{background:#fff}.character-card{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.character-card__avatar{text-align:center;flex-shrink:0;position:relative}.character-card__avatar .level-badge{background:var(--red);color:#fff;font-family:var(--font-bangers),cursive;border:3px solid var(--black);white-space:nowrap;z-index:2;padding:4px 12px;font-size:.9rem;position:absolute;bottom:-8px;right:-8px;transform:rotate(5deg)}.character-card__avatar svg{width:180px;height:180px;display:block}.character-card__avatar .stat-ring{border:4px solid var(--yellow);pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.character-card__info{flex:1;min-width:280px}.character-card__name-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:2px;display:flex}.character-card__name-row h3{font-family:var(--font-bangers),cursive;font-size:clamp(1.8rem,3vw,2.6rem)}.character-card__class-tag{background:var(--blue);color:var(--yellow);font-family:var(--font-bangers),cursive;letter-spacing:2px;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:4px 14px;font-size:.75rem}.character-card__tagline{color:var(--red);margin-bottom:20px;font-size:1rem;font-weight:600}.character-stats{flex-direction:column;gap:8px;display:flex}.character-stat__header{text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-bottom:2px;font-size:.8rem;font-weight:700;display:flex}.character-stat__header span:last-child{font-family:var(--font-bangers),cursive;color:var(--red);font-size:.9rem}.character-stat__bar{border:2px solid var(--black);background:#ddd;height:12px;position:relative;overflow:hidden}.character-stat__fill{height:100%;transition:width 1.4s var(--transition-smooth);border-radius:0;width:0}.character-stat__fill--coding{background:var(--red)}.character-stat__fill--creativity{background:var(--yellow)}.character-stat__fill--tech{background:var(--blue)}.character-stat__fill--media{background:#e67e22}.interests-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.interest-card{border:4px solid var(--black);text-align:center;transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);cursor:default;background:#fff;padding:32px 24px}.interest-card:hover{box-shadow:8px 8px 0 var(--black);transform:translateY(-6px)scale(1.02)}.interest-card__icon{margin-bottom:12px;font-size:2.8rem;display:block}.interest-card__title{font-family:var(--font-bangers),cursive;margin-bottom:8px;font-size:1.3rem}.interest-card__text{color:#555;font-size:.95rem}.motivation-wrapper{flex-direction:column;align-items:center;display:flex}.motivation-grid{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:700px;margin:0 auto 40px;display:grid}.motivation-text{text-align:center;color:#333;margin-bottom:28px;font-size:1.1rem}.motivation-list{flex-direction:column;gap:16px;width:100%;max-width:500px;list-style:none;display:flex}.motivation-list li{border:3px solid var(--black);transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);cursor:default;background:#fff;align-items:center;gap:14px;padding:16px 20px;font-weight:600;display:flex}.motivation-list li:hover{box-shadow:4px 4px 0 var(--black);transform:translate(6px)}.motivation-list li .list-num{background:var(--red);color:#fff;width:36px;height:36px;font-family:var(--font-bangers),cursive;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.footer{background:var(--dark);color:var(--warm);text-align:center;border-top:6px solid var(--yellow);padding:60px 24px 36px;position:relative;overflow:hidden}.footer__inner{z-index:2;max-width:600px;margin:0 auto;position:relative}.footer__halftone{pointer-events:none;z-index:1;background-image:radial-gradient(circle,#ffffff0a 1.5px,#0000 1.5px);background-size:10px 10px;position:absolute;inset:0}.footer__burst{z-index:1;pointer-events:none;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer__ray{transform-origin:bottom;background:linear-gradient(#0000,#ffd1660f);width:1.5px;height:250px;position:absolute;top:50%;left:50%}.footer__ray:first-child{transform:translate(-50%,-100%)rotate(0)}.footer__ray:nth-child(2){transform:translate(-50%,-100%)rotate(45deg)}.footer__ray:nth-child(3){transform:translate(-50%,-100%)rotate(90deg)}.footer__ray:nth-child(4){transform:translate(-50%,-100%)rotate(135deg)}.footer__ray:nth-child(5){transform:translate(-50%,-100%)rotate(180deg)}.footer__ray:nth-child(6){transform:translate(-50%,-100%)rotate(225deg)}.footer__ray:nth-child(7){transform:translate(-50%,-100%)rotate(270deg)}.footer__ray:nth-child(8){transform:translate(-50%,-100%)rotate(315deg)}.footer__content{z-index:3;position:relative}.footer__badge{background:var(--red);color:#fff;font-family:var(--font-bangers),cursive;letter-spacing:2px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);margin-bottom:20px;padding:6px 22px;font-size:clamp(.75rem,1.5vw,.9rem);display:inline-block;transform:rotate(-2deg)}.footer__title{font-family:var(--font-bangers),cursive;color:var(--warm);letter-spacing:3px;text-shadow:3px 3px 0 var(--red),6px 6px 0 #0000004d;margin-bottom:4px;font-size:clamp(2rem,5vw,3rem);line-height:1}.footer__subtitle{font-family:var(--font-bangers),cursive;color:var(--yellow);letter-spacing:6px;text-shadow:2px 2px 0 var(--dark);margin-bottom:16px;font-size:clamp(1rem,3vw,1.8rem);display:block}.footer__divider{background:var(--red);border-radius:2px;width:80px;height:3px;margin:18px auto}.footer__names{font-family:var(--font-bangers),cursive;color:var(--yellow);letter-spacing:2px;margin-bottom:4px;font-size:clamp(1.1rem,2.5vw,1.6rem)}.footer__links{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.footer__link{border:2px solid var(--yellow);color:var(--warm);font-family:var(--font-bangers),cursive;letter-spacing:1px;transition:transform .2s var(--transition-smooth),background .2s var(--transition-smooth),color .2s var(--transition-smooth),border-color .2s var(--transition-smooth);background:#ffffff0f;justify-content:center;align-items:center;padding:8px 14px;font-size:.85rem;text-decoration:none;display:inline-flex}.footer__link:hover,.footer__link:focus-visible{background:var(--yellow);color:var(--dark);border-color:var(--warm);outline:none;transform:translateY(-2px)}.footer__school{color:#ffffff80;margin-bottom:16px;font-size:.9rem}.footer .copyright{color:#ffffff59;font-size:.75rem}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.comic-cover{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:5px solid #000;border-radius:6px;margin-bottom:32px;padding:50px 40px;position:relative;overflow:hidden;box-shadow:8px 8px #0003}.comic-cover__halftone{pointer-events:none;background-image:radial-gradient(circle,#ffffff0f 1.5px,#0000 1.5px);background-size:10px 10px;position:absolute;inset:0}.comic-cover__burst{color:var(--yellow);opacity:.4;pointer-events:none;font-size:2rem;animation:15s linear infinite spin;position:absolute;top:15px;right:25px}.comic-cover__content{z-index:2;position:relative}.comic-cover__label{color:#fff;font-family:var(--font-bangers),cursive;letter-spacing:3px;background:#b80f6c;border:2px solid #000;margin-bottom:16px;padding:4px 16px;font-size:.8rem;display:inline-block;transform:rotate(-2deg)}.comic-cover__title{font-family:var(--font-bangers),cursive;color:var(--yellow);text-shadow:4px 4px 0 var(--red),8px 8px 0 #0006;letter-spacing:3px;margin-bottom:8px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.comic-cover__subtitle{font-family:var(--font-bangers),cursive;color:#fff;letter-spacing:5px;margin-bottom:16px;font-size:clamp(1.2rem,3vw,2rem);display:block}.comic-cover__divider{background:var(--red);border-radius:2px;width:120px;height:4px;margin:16px auto}.comic-cover__author{color:#fffc;margin-bottom:12px;font-size:1.1rem;font-weight:600}.comic-cover__tags{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.comic-cover__tags span{color:var(--yellow);border:2px solid var(--yellow);font-family:var(--font-bangers),cursive;letter-spacing:1px;background:#ffffff1a;padding:6px 18px;font-size:.9rem}.comic-cover__logo{filter:drop-shadow(0 4px 8px #0000004d);width:160px;height:auto;margin-top:16px}.cgrid-vertical{flex-direction:column;gap:24px;margin-top:32px;display:flex}.comic-image-wrap{max-width:900px;margin:32px auto 0}.comic-image{border:4px solid var(--black);width:100%;height:auto;box-shadow:6px 6px 0 var(--black);border-radius:4px;display:block}.cgrid-card{border:4px solid var(--black);box-shadow:6px 6px 0 var(--black);background:#fff;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:24px;padding:0;display:grid;overflow:hidden}.cgrid-card:nth-child(2n){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.cgrid-card:nth-child(2n) .cgrid-card__mockup{order:2}.cgrid-card:nth-child(2n) .cgrid-card__content{order:1}.cgrid-card__mockup{justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex;position:relative;overflow:hidden}.cgrid-card__mockup:after{content:"";pointer-events:none;background-image:linear-gradient(135deg,#ffffff40 0%,#0000 40%,#ffffff1a 100%);position:absolute;inset:0}.cgrid-card__badge{background:var(--black);color:var(--yellow);font-family:var(--font-bangers),cursive;letter-spacing:2px;z-index:2;padding:5px 12px;font-size:.85rem;position:absolute;top:16px;left:16px;transform:rotate(-3deg)}.cgrid-card__number{font-family:var(--font-bangers),cursive;text-shadow:2px 2px #ffffffb3,4px 4px #0000001a;z-index:2;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;position:absolute;top:12px;right:16px}.cgrid-card__orb{aspect-ratio:1;opacity:.5;filter:drop-shadow(0 8px 16px #0000001f);border-radius:50%;width:28%;position:absolute;top:20%;left:18%}.cgrid-card__stripe{opacity:.3;height:12px;position:absolute;top:55%;left:0;right:0;transform:skewY(-6deg)}.cgrid-card__content{flex-direction:column;gap:8px;padding:24px 28px;display:flex}.cgrid-card__title{font-family:var(--font-bangers),cursive;color:var(--red);letter-spacing:1px;font-size:clamp(1.4rem,3vw,2rem)}.cgrid-card__text{color:#444;font-size:1rem;line-height:1.7}@media (max-width:900px){.cgrid-card,.cgrid-card:nth-child(2n){grid-template-columns:1fr}.cgrid-card:nth-child(2n) .cgrid-card__mockup,.cgrid-card:nth-child(2n) .cgrid-card__content{order:initial}.cgrid-card__mockup{min-height:200px}}.comic-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.cpanel{min-height:440px;transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);background-color:#fffbef;border:4px solid #000;border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #00000026}.cpanel:hover{transform:translateY(-4px);box-shadow:10px 10px #0003}.cpanel--featured{border-color:#b80f6c;box-shadow:6px 6px #b80f6c40}.cpanel--featured:hover{box-shadow:10px 10px #b80f6c40}.cpanel-badge{background:var(--red);color:#fff;width:30px;height:30px;font-family:var(--font-bangers),cursive;z-index:2;border:3px solid #000;border-radius:0 0 8px;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:-2px;left:-2px}.cpanel-header{text-align:center;font-family:var(--font-bangers),cursive;text-transform:uppercase;letter-spacing:.5px;background-color:#fbe696;border-bottom:3px solid #000;padding:10px 10px 10px 36px;font-size:1rem;position:relative}.cpanel-header--accent{color:#fff;background-color:#b80f6c;border-bottom-color:#000}.cpanel-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:8px;padding:15px;display:flex}.cpanel-footer{text-align:center;font-size:.9rem;font-weight:700;line-height:1.3;font-family:var(--font-nunito),sans-serif;background-color:#fbe696;border-top:3px solid #000;padding:10px}.cpanel--featured .cpanel-footer{color:#fff;background-color:#b80f6c;border-top-color:#000}.cspeech{background:#fff;border:2px solid #000;border-radius:12px;max-width:90%;padding:6px 10px;font-size:.8rem;font-weight:500;line-height:1.3;position:relative;box-shadow:2px 2px #0000001a}.cspeech:after{content:"";border:7px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;width:0;display:block;position:absolute;bottom:-7px;left:20px}.cspeech:before{content:"";border:9px solid #0000;border-top-color:#000;border-bottom:0 solid #000;width:0;display:block;position:absolute;bottom:-10px;left:19px}.cspeech--right:after{left:auto;right:20px}.cspeech--right:before{left:auto;right:19px}.csound{color:#b80f6c;font-size:1.1rem;font-style:italic;font-weight:900;font-family:var(--font-bangers),cursive;margin:4px;transform:rotate(-10deg)}.csvg{width:100%;height:140px;max-height:140px}.comic-outro{text-align:center;background:#fffbef;border:4px solid #000;border-radius:4px;margin-top:16px;padding:40px;position:relative;box-shadow:6px 6px #00000026}.comic-outro__end{font-family:var(--font-bangers),cursive;color:var(--red);letter-spacing:4px;margin-bottom:8px;font-size:1.8rem;display:block}.comic-outro p{color:#555;margin-bottom:8px;font-size:1rem;font-weight:600}.comic-outro__label{background:var(--dark);color:var(--yellow);font-family:var(--font-bangers),cursive;letter-spacing:2px;border:2px solid #000;padding:4px 14px;font-size:.75rem;display:inline-block;transform:rotate(-1deg)}.btn{font-family:var(--font-bangers),cursive;letter-spacing:1px;background:var(--red);color:#fff;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);cursor:pointer;padding:12px 28px;font-size:1.1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.btn:hover{box-shadow:6px 6px 0 var(--black);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--black);transform:translate(2px,2px)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-100px)}}@keyframes floatBoom{0%,to{transform:rotate(15deg)translateY(0)}50%{transform:rotate(15deg)translateY(-12px)}}@keyframes floatWow{0%,to{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(-12deg)translateY(-8px)}}@keyframes sparkleFloat{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes scrollDot{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.3;transform:translate(-50%)translateY(8px)}}.hover-scale{transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth)}.hover-scale:hover{box-shadow:8px 8px 0 var(--black);transform:scale(1.02)}.hover-lift{transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth)}.hover-lift:hover{box-shadow:10px 10px 0 var(--black);transform:translateY(-6px)}.hover-bright{transition:filter .3s var(--transition-smooth)}.hover-bright:hover{filter:brightness(1.08)}.sb-inline{border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);background:#fff;border-radius:16px;padding:14px 20px;position:relative}.sb-inline--dark{background:var(--dark);color:var(--warm);border-color:var(--yellow)}.sb-inline--center{text-align:center}@media (max-width:900px){.comic-grid{grid-template-columns:repeat(2,1fr)}.comic-cover{padding:40px 24px}.motivation-grid,.interests-grid{grid-template-columns:repeat(2,1fr)}.motivation-cards{grid-template-columns:repeat(2,1fr)!important}.character-card{text-align:center;flex-direction:column}.character-card__name-row{justify-content:center}.character-card__avatar svg{width:140px;height:140px}.character-stat__bar{max-width:320px;margin:0 auto}}@media (max-width:600px){.hero-section{padding:100px 16px 50px}.hero-avatar-wrap svg{width:100px;height:100px}.motivation-cards{grid-template-columns:1fr!important}.comic-panel{padding:24px 18px}.speech-bubble{border-radius:18px;padding:16px 18px}.speech-bubble:after{border-width:14px 12px 0;bottom:-14px;left:30px}.speech-bubble:before{border-width:9px 8px 0;bottom:-9px;left:34px}.thought-bubble{border-radius:28px;padding:24px 20px}.motivation-list li{padding:12px 14px;font-size:.9rem}.section{padding:50px 16px}.character-card__avatar svg{width:120px;height:120px}.character-stats{max-width:280px;margin:0 auto}.comic-grid{grid-template-columns:1fr}.comic-cover{padding:32px 16px}.comic-cover__title{font-size:2.5rem}.motivation-grid,.interests-grid{grid-template-columns:1fr}}@media (max-width:400px){.hero-title{font-size:2.2rem}.hero-subline{font-size:1rem}}