.chapter-layout{position:relative;width:100%}.chapter-section{min-height:100vh;padding:4em 5vw 5rem;box-sizing:border-box;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;color:#e5e7eb;background:linear-gradient(135deg,#010409,#0b1220);border-bottom:1px solid rgba(255,255,255,.05);position:relative}.chapter-title{position:absolute;top:3.5rem;left:3rem;text-transform:uppercase;letter-spacing:.22em;font-size:.9rem;color:#ffffffb3;opacity:0;transform:translateY(-10px);animation:chapter-title-enter .9s ease-out forwards;animation-delay:.7s}.chapter-title h1{font-weight:600;font-size:1rem}.chapter-subtitle{margin-top:.6rem;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#e5e7ebcc;font-family:Cormorant Garamond,Playfair Display,serif;animation:chapter-subtitle-appear .9s ease-out forwards}.chapter-highlight-line{margin-top:.75rem;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:#facc15;font-family:Cormorant Garamond,Playfair Display,serif}.chapter-restart-btn{position:absolute;top:3rem;right:3rem;z-index:5;display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.35rem;border-radius:999px;border:1px solid rgba(34,211,238,.25);background:radial-gradient(circle at 20% 20%,rgba(250,204,21,.25),transparent 45%),linear-gradient(135deg,#0b1220,#111827 60%,#0f172a);color:#e2e8f0;font-weight:800;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px #000000a6,0 0 18px #22d3ee59;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease}.chapter-restart-btn:before{content:"";position:absolute;inset:-30% auto -30% -40%;width:55%;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(255,255,255,.25),transparent);transform:rotate(18deg);opacity:.35;pointer-events:none}.chapter-restart-btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.02);box-shadow:0 16px 36px #000000b3,0 0 26px #22d3ee73;border-color:#22d3ee59}.chapter-restart-btn:active{transform:translateY(1px)}.chapter-restart-btn .restart-icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;background:#0f172a66;box-shadow:inset 0 0 0 1px #94a3b82e}.chapter-restart-btn .restart-icon svg{width:100%;height:100%}.chapter-restart-btn .restart-text{white-space:nowrap}@media(max-width:1100px){.chapter-restart-btn{top:2.6rem;right:2rem;padding:.65rem 1.1rem}}@media(max-width:820px){.chapter-restart-btn{position:static;align-self:flex-end;margin-top:1rem;box-shadow:0 10px 28px #0000008c,0 0 14px #22d3ee59}}.chapter-header{margin-bottom:1.5rem}.chapter-content{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0;width:100%}.chapter-card{position:relative;margin-top:3rem;margin-left:-2.8rem;margin-right:14rem;margin-bottom:0;padding:2.2rem 3.2rem;background:#00000038;border-radius:22px;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 80px #000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;min-height:520px}.chapter-sidebar{position:fixed;top:50%;right:55px;transform:translateY(-50%) translate(20px);display:flex;flex-direction:column;gap:1.1rem;z-index:1000;opacity:0;animation:chapter-sidebar-enter .9s ease-out forwards;animation-delay:1s}.sidebar-header{display:none}.chapter-nav-item{font-size:.78rem;letter-spacing:.2em;cursor:pointer;opacity:.25;transition:opacity .2s,transform .2s,color .2s;text-transform:uppercase}.chapter-nav-item:hover{opacity:1;transform:translate(-4px)}.sidebar-toggle{position:fixed;top:1.2rem;right:1.2rem;z-index:1100;width:48px;height:48px;border-radius:50%;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at 30% 20%,#0f172af2,#020617);box-shadow:0 10px 30px #000c;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.sidebar-toggle:hover{border-color:#facc1599;box-shadow:0 10px 30px #000000e6,0 0 20px #facc1533}.sidebar-toggle span,.sidebar-toggle:before,.sidebar-toggle:after{content:"";display:block;width:20px;height:2px;border-radius:2px;background:#facc15;transition:all .25s ease}.sidebar-toggle:before{position:absolute;transform:translateY(-7px)}.sidebar-toggle:after{position:absolute;transform:translateY(7px)}.sidebar-toggle.is-open span{opacity:0;transform:scaleX(0)}.sidebar-overlay{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;animation:overlayFadeIn .3s ease forwards}@keyframes overlayFadeIn{to{opacity:1}}@media(max-width:1024px){.sidebar-toggle{display:flex}.chapter-sidebar{position:fixed;top:0!important;right:0!important;bottom:0;left:auto!important;width:280px;max-width:85vw;height:100vh;padding:5rem 2rem 2rem;background:linear-gradient(135deg,#0b1220,#020617);border-left:1px solid rgba(148,163,184,.2);box-shadow:-10px 0 40px #000000e6;transform:translate(100%)!important;animation:none!important;opacity:1!important;gap:.8rem;overflow-y:auto;transition:transform .35s cubic-bezier(.4,0,.2,1)}.chapter-sidebar.is-open{transform:translate(0)!important}.sidebar-header{display:block;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.15)}.sidebar-title{font-size:.7rem;letter-spacing:.3em;color:#94a3b899;text-transform:uppercase}.chapter-nav-item{font-size:.85rem;letter-spacing:.16em;padding:.8rem 1rem;border-radius:12px;opacity:.7;background:transparent;transition:all .2s ease}.chapter-nav-item:hover{opacity:1;transform:none;background:#94a3b814}.chapter-nav-item.active{opacity:1;color:#facc15;background:#facc151a;border-left:3px solid #facc15;text-shadow:0 0 10px rgba(250,204,21,.5)}}@media(max-width:600px){.sidebar-toggle{top:1rem;right:1rem;width:44px;height:44px}.sidebar-toggle span,.sidebar-toggle:before,.sidebar-toggle:after{width:18px}.chapter-sidebar{width:260px;padding:4.5rem 1.5rem 1.5rem}.chapter-nav-item{font-size:.8rem;padding:.7rem .8rem}}.chapter-nav-item.active{opacity:1;color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.7)}html.chapter-one-playing .chapter-sidebar{display:none!important}@keyframes chapter-title-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes chapter-subtitle-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes chapter-sidebar-enter{0%{opacity:0;transform:translateY(-50%) translate(40px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.chapter-block{display:flex;flex-direction:column;gap:1.4rem;font-size:1.05rem;line-height:1.85}.chapter-lead{font-size:1.25rem;font-weight:500;letter-spacing:.02em;color:#ffffffe6}.chapter-list{padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem;color:#fffc}.chapter-divider{text-align:center;opacity:.35;margin:.5rem 0}.chapter-subheading{font-size:1.35rem;font-weight:600;line-height:1.4;margin-top:1rem;letter-spacing:.03em}.chapter-signature{font-size:1.15rem;font-weight:500;margin-top:1rem;color:var(--gold);letter-spacing:.03em}.chapters-enter--hidden{pointer-events:none;filter:blur(2px);opacity:0}.chapter-title h1{font-family:Space Grotesk,sans-serif;font-weight:600}.chapter-content p{font-family:Inter Tight,sans-serif}.chapter-block--two-columns{column-count:2;column-gap:2.5rem;column-rule:1px solid rgba(255,255,255,.06)}.chapter-block--two-columns p,.chapter-block--two-columns ul,.chapter-block--two-columns h2{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:1rem}@media(max-width:900px){.chapter-block--two-columns{column-count:1;column-rule:none}}.chapter-intro-text{display:flex;flex-direction:column;gap:1.2rem;font-size:1.05rem;line-height:1.8;color:#e2e8f0d9;max-width:680px;opacity:0;animation:contentFadeIn 1.2s ease-out forwards;animation-delay:1.2s}.chapter-intro-highlight{color:#facc15;font-weight:600}.text-white{color:#fff;font-weight:500}.chapter-intro-first{font-size:1.15rem;color:#fff;margin-bottom:.5rem}.chapter-divider-line{width:60px;height:2px;background:#ffffff1a;margin:.5rem 0}.chapter-intro-quote{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.4;color:#fff;border-left:3px solid #facc15;padding-left:1.5rem;margin:1.5rem 0;text-shadow:0 0 20px rgba(250,204,21,.15)}.chapter-intro-ending{margin-top:1rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#facc15cc;font-weight:600}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes softFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chapter-intro-text{opacity:0;animation:softFadeUp 1.2s ease-out forwards;animation-delay:.2s}.chapter-two{display:flex;flex-direction:column;gap:2rem;position:relative}.chapter-two-intro{max-width:48rem;font-size:1.02rem;line-height:1.8;color:#e5e7ebe6;margin-bottom:.8rem}.chapter-two-grid{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1.1fr);gap:2.4rem;align-items:center}.chapter-two-text{display:flex;flex-direction:column;gap:.55rem;font-size:.98rem;line-height:1.7;color:#e2e8f0eb}.chapter-two-role-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#facc15;margin-bottom:.4rem;font-family:Space Grotesk,sans-serif}.chapter-two-highlight{color:#facc15}.chapter-two-photos{display:flex;gap:1.4rem;align-items:center}.chapter-two-photo-frame{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,#020617,#020617 40%,#000);border:1px solid rgba(148,163,184,.38)}.chapter-two-photo-frame--side{flex:0 0 260px;max-width:260px;aspect-ratio:3 / 4;height:auto}.chapter-two-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .22s ease-out,filter .22s ease-out;filter:saturate(1.05) contrast(1.03)}.chapter-two-photo--president{object-position:50% 47%}.chapter-two-photo--developer{object-position:50% 4%}.chapter-two-photo-frame:hover .chapter-two-photo{transform:scale(1.07);filter:brightness(1.05) saturate(1.06)}.chapter-two-bridge{max-width:48rem;font-size:1.02rem;line-height:1.8;color:#d1d5dbf2;margin-top:.8rem}.chapter-two-bridge p+p{margin-top:.35rem}.chapter-two-highlight{margin-top:.9rem;letter-spacing:.16em;text-transform:uppercase}.chapter-two-content.is-hidden{opacity:0;visibility:hidden;transform:translateY(8px)}.chapter-two-content.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .45s ease-out,transform .45s ease-out}@media(max-width:960px){.chapter-two-grid{grid-template-columns:1fr;gap:1.8rem}.chapter-two-photos{justify-content:center}.chapter-two-photo-frame--side{width:100%;max-width:320px;margin:0 auto}}.chapter-two-header-row{display:flex;justify-content:center;align-items:center;margin-bottom:1.8rem;gap:0}.chapter-two-toggle{margin-top:.3rem}.chapter-two-photo-frame--switch{margin-left:.4rem}.switch-text{margin-right:.4rem}.chapter-two-role-card.switch-card{display:flex;align-items:center;gap:2.4rem;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}.chapter-two-photo-frame--switch{flex:0 0 260px;max-width:310px;aspect-ratio:3 / 4}.switch-text{position:relative;flex:1;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.4rem 1.1rem 1.8rem;border-radius:18px;background:radial-gradient(circle at top left,#0f172af5,#020617);border:1px solid rgba(148,163,184,.35);box-shadow:0 8px 20px #0006,inset 0 0 12px #0f172a99;font-size:.95rem;line-height:1.7;color:#e2e8f0f5}.switch-text:before{content:"";position:absolute;left:.95rem;top:.85rem;bottom:.85rem;width:2px;border-radius:999px;background:linear-gradient(to bottom,#facc1500,#facc15cc,#38bdf800);opacity:.9}.switch-text p:first-of-type{font-weight:500}.switch-text .chapter-two-role-label{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#facc15;margin-bottom:.4rem}.switch-text p{position:relative;margin:0;padding:.45rem 1rem .45rem 1.4rem;border-radius:999px;background:radial-gradient(circle at left,rgba(148,163,184,.18),transparent 60%);color:#e2e8f0f0;font-size:.9rem}.switch-text p:before{content:"";position:absolute;left:.6rem;top:50%;width:6px;height:6px;border-radius:999px;transform:translateY(-50%);background:radial-gradient(circle,#facc15,#facc151a);box-shadow:0 0 10px #facc15b3}.chapter-two-photo,.switch-text p,.switch-text span{transition:opacity .2s ease,transform .2s ease}@media(max-width:960px){.chapter-two-header-row{flex-direction:column;align-items:flex-start;margin-bottom:1.2rem}.chapter-two-role-card.switch-card{flex-direction:column;align-items:flex-start}.chapter-two-photo-frame--switch{width:100%;max-width:100%}}.chapter-card--three{padding:1.9rem 3rem 2.4rem}.chapter-three{position:relative}.chapter-three-content{opacity:0;transform:translateY(8px);transition:opacity .45s ease-out,transform .45s ease-out}.chapter-three-content.is-visible{opacity:1;transform:translateY(0)}.chapter-three-intro{max-width:50rem;margin:0 auto 1.6rem;font-size:.9rem;line-height:1.6;color:#e6e8f0d9;text-align:center}.project-card{position:relative;padding:1.8rem 1.9rem 2.1rem;border-radius:26px;background:radial-gradient(circle at top,#020617 0 45%,#000);display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out}.project-card:before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:999px;background:linear-gradient(to right,#fafaff00,#fafaffb3,#fafaff00);opacity:.4}.project-card:hover{transform:translateY(-6px);box-shadow:0 30px 90px #000,0 0 42px #fafaff4d;background:radial-gradient(circle at top,#020617 0 30%,#000)}.project-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#94a3b8f2}.project-title{margin-top:.5rem;font-size:1.08rem;font-weight:600;letter-spacing:.04em}.project-desc{margin-top:.55rem;font-size:.86rem;line-height:1.6;color:#e6e6f0e6}.project-list{margin-top:.7rem;padding-left:1.05rem;display:flex;flex-direction:column;gap:.3rem;font-size:.82rem;color:#dcdcebf7}.project-list li{position:relative}@media(max-width:900px){.chapter-three-projects{grid-template-columns:1fr;gap:1.6rem}.chapter-card--three{padding:1.6rem 1.6rem 2rem}.project-card{min-height:auto}}.chapter-three{background:transparent!important;border:none!important;box-shadow:none!important;padding:0}.chapter-three-content{background:transparent!important;border:none!important;box-shadow:none!important}.project-logo{width:60px;height:auto;margin-bottom:1rem;opacity:.85;filter:drop-shadow(0 6px 20px rgba(0,0,0,.55));-webkit-user-select:none;user-select:none}.project-inner{display:flex;flex-direction:column;width:100%;max-width:540px;margin:0 auto}.project-card-logo{position:relative;width:100%;margin:0 auto 1.4rem;padding:1.1rem 0 1.3rem;display:flex;justify-content:center;align-items:center;border-radius:20px;background:radial-gradient(circle at top,#0f172ae6,#020617);box-shadow:0 18px 45px #000000e6,inset 0 0 24px #0f172af2}.project-card-logo img{display:block;width:100%;max-width:190px;height:auto;object-fit:contain;opacity:.96;filter:drop-shadow(0 10px 28px rgba(0,0,0,.8));-webkit-user-select:none;user-select:none;transform:translateY(2px)}.project-card--gold .project-card-logo{background:radial-gradient(circle at top,#facc15a6,#0f172af2);border:1px solid rgba(250,204,21,.85)}.project-card--cyan .project-card-logo{background:radial-gradient(circle at top,#38bdf8b3,#0f172af2);border:1px solid rgba(56,189,248,.9)}.project-card--silver .project-card-logo{background:radial-gradient(circle at top,#e2e8f0bf,#0f172af2);border:1px solid rgba(226,232,240,1)}.chapter-four{display:flex;flex-direction:column;gap:2.2rem}.chapter-four--hidden{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .5s ease-out,transform .5s ease-out,filter .5s ease-out}.chapter-four-header{max-width:42rem}.chapter-four-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#94a3b8e6;margin-bottom:.45rem}.chapter-four-header h2{font-size:1.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}.chapter-four-header p{font-size:.98rem;line-height:1.7;color:#d1d5dbf2}.chapter-four-pitch{position:relative;width:100%;padding:2.8rem 2.6rem;border-radius:22px;overflow:hidden;border:1px solid rgba(56,189,248,.35);background:radial-gradient(circle at top,#0f172af5,#020617);box-shadow:0 28px 80px #000000d9,0 0 90px #0f76d240;min-height:560px}.chapter-four-pitch-bg{position:absolute;inset:7%;border-radius:16px;border:1px solid rgba(56,189,248,.5);background-image:linear-gradient(to right,rgba(56,189,248,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(56,189,248,.1) 1px,transparent 1px);background-size:44px 44px;opacity:.6;pointer-events:none}.skill-line{position:absolute;left:2.8rem;right:2.8rem;display:flex;align-items:center;z-index:2}.skill-line--front{top:20%}.skill-line--mid{top:48%}.skill-line--back{top:76%}.skill-line:before{content:"";position:absolute;left:8rem;right:0;top:50%;height:1px;background:linear-gradient(to right,transparent,rgba(148,163,184,.6),transparent);opacity:.4}.skill-line-label{min-width:8.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8d9}.skill-line-items{flex:1;display:flex;justify-content:space-between;gap:1rem}.skill-pill{position:relative;flex:1;min-width:220px;padding:.95rem 1.3rem;border-radius:18px;background:radial-gradient(circle at top left,#38bdf82e,#0f172af0);border:1px solid rgba(148,163,184,.55);box-shadow:0 20px 44px #0f172ae6,0 0 35px #38bdf854;transition:transform .18s ease-out,box-shadow .18s ease-out}.skill-pill h3{font-size:.92rem;font-weight:600;text-transform:uppercase;color:#e5e7eb}.skill-pill p{font-size:.8rem;line-height:1.4;color:#cbd5e1f2}.skill-pill:hover{transform:translateY(-4px);box-shadow:0 24px 55px #0f172af2,0 0 48px #38bdf8a6}@media(max-width:1100px){.chapter-four-pitch{padding:2rem 1.6rem;min-height:620px}.skill-line{position:static;margin-bottom:2.5rem;flex-direction:column;align-items:flex-start}.skill-line:before{display:none}.skill-line-items{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.skill-pill{flex:1 1 100%}}.chapter-six-root{position:relative;width:100%;min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;min-height:65vh}.chapter-six-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:all 1.5s ease-out}.chapter-six-content.visible{opacity:1;transform:scale(1)}.shots-gallery-container{display:flex;width:90vw;height:60vh;max-width:1400px;max-height:700px;gap:.5rem;padding:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shot-panel{position:relative;flex:1;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;overflow:hidden;transition:flex .7s cubic-bezier(.25,1,.5,1),filter .5s ease;filter:grayscale(100%) brightness(.6)}.shot-panel.active{flex:5;filter:grayscale(0%) brightness(1);box-shadow:0 0 30px #00000080;z-index:2}.shot-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000 0%,transparent 60%);opacity:.8;transition:opacity .5s}.shot-panel.active .shot-overlay{opacity:.4}.shot-info{position:absolute;bottom:2rem;left:2rem;display:flex;align-items:flex-end;gap:1rem;opacity:0;transform:translateY(20px);transition:all .4s ease .2s}.shot-panel.active .shot-info{opacity:1;transform:translateY(0)}.shot-id{font-family:Space Grotesk,sans-serif;font-size:4rem;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);line-height:.8}.shot-meta h3{margin:0;font-family:Space Grotesk;font-size:1.5rem;color:#fff;text-transform:uppercase}.shot-meta p{margin:0;font-family:Courier New;font-size:.8rem;color:#facc15;letter-spacing:.1em;text-transform:uppercase}.shot-vertical-label{position:absolute;bottom:2rem;left:50%;transform:translate(-50%) rotate(-90deg);transform-origin:center center;white-space:nowrap;opacity:1;transition:opacity .3s}.shot-vertical-label span{font-family:Courier New;font-size:.8rem;letter-spacing:.2em;color:#fff9;text-transform:uppercase}.shot-panel.active .shot-vertical-label{opacity:0}.chapter-six-footer{text-align:center;margin-top:1rem;color:#fff6;font-family:Courier New;font-size:.85rem}@media(max-width:768px){.shots-gallery-container{flex-direction:column;height:120vh}.shot-panel{width:100%}.shot-panel.active{flex:2}.shot-vertical-label{transform:rotate(0);left:1rem;bottom:1rem;text-align:left;transform-origin:bottom left}}.chapter-eight-body{display:flex;flex-direction:column;gap:1.8rem;width:100%;max-width:1200px;margin-top:1rem;position:relative;z-index:2}.chapter-eight-body p{font-size:1.15rem;line-height:1.7;color:#94a3b8;margin:0;font-weight:400;transition:color .3s ease}.chapter-eight-body p:hover{color:#cbd5e1}.chapter-eight-body strong{color:#fff;font-weight:600;letter-spacing:.02em;text-shadow:0 0 20px rgba(255,255,255,.1);position:relative;display:inline-block}.chapter-eight-body strong:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#facc15,transparent);opacity:.6}.chapter-eight-body p:last-of-type{margin-top:1rem;font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:.02em}.outro-button-wrapper{margin-top:3rem;display:flex;justify-content:flex-start}.chapter-eight-outro-button{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.1rem 2.8rem 1.1rem 1.1rem;background:linear-gradient(135deg,#0f172a99,#020617e6);border:1px solid rgba(255,255,255,.1);border-radius:100px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 10px 30px -10px #000c}.chapter-eight-outro-button:hover{background:linear-gradient(135deg,#1e293bcc,#000);border-color:#facc1566;box-shadow:0 20px 40px -10px #000,0 0 25px #facc1526;transform:translateY(-2px) scale(1.02);padding-right:3.2rem}.play-icon-circle{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .4s ease;box-shadow:0 0 15px #ffffff4d;position:relative;z-index:2}.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #020617;margin-left:3px;transition:border-left-color .3s ease}.chapter-eight-outro-button:hover .play-icon-circle{background:#facc15;transform:rotate(90deg);box-shadow:0 0 20px #facc15}.chapter-eight-outro-button:hover .play-triangle{border-left-color:#000}.chapter-eight-outro-button span{font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#fff;transition:color .3s ease}.chapter-eight-outro-button:hover span{color:#facc15}.chapter-eight-outro-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);transition:none}.chapter-eight-outro-button:hover:before{left:200%;transition:.6s ease-in-out}@media(max-width:768px){.chapter-eight-body p{font-size:1rem}.chapter-eight-outro-button{width:100%;justify-content:center}}.chapter-card--wide{margin-right:6rem!important;margin-top:.5rem!important}.chapter-card--wide .chapter-intro-text{max-width:1200px!important}.chapter-card--wide2 .chapter-two-content{width:1200px;margin:0 auto}.chapter-two-intro,.chapter-two-bridge{max-width:none}.chapter-card--wide2{margin-right:6rem!important;margin-top:2rem!important}.chapter-two-toggle{position:relative;display:inline-flex;align-items:stretch;padding:4px;gap:0;border-radius:999px;background:radial-gradient(circle at top,#0f172afa,#020617);border:1px solid rgba(148,163,184,.55);box-shadow:0 0 20px #0f172ae6,0 10px 30px #000000d9,inset 0 0 14px #0f172ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.role-toggle-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:linear-gradient(135deg,#facc15,#f97316);box-shadow:0 0 24px #facc15b3,inset 0 0 12px #00000073;transition:transform .28s cubic-bezier(.25,1,.5,1),background .25s ease-out,box-shadow .25s ease-out}.role-toggle-indicator--president{transform:translate(0);background:linear-gradient(135deg,#facc15,#f97316)}.role-toggle-indicator--developer{transform:translate(100%);background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 0 24px #38bdf8bf,inset 0 0 12px #00000073}.role-toggle-btn{position:relative;z-index:2;flex:0 0 50%;border:none;background:transparent;border-radius:999px;cursor:pointer;padding:.45rem 1.4rem;font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;text-align:center;color:#94a3b8f2;transition:color .2s ease,transform .18s ease}.role-toggle-btn.is-active{color:#020617;transform:translateY(-.5px)}.chapter-two-toggle:hover .role-toggle-btn:not(.is-active){color:#e2e8f0fa}.role-toggle-btn:active{transform:translateY(0) scale(.97)}.switch-line{opacity:0;transform:translateY(8px);animation:switchLineIn .35s ease-out forwards}@keyframes switchLineIn{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}60%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-flash{0%{opacity:1}50%{opacity:.85;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.switch-card--president,.switch-card--developer{animation:roleMorphIn .35s ease-out}@keyframes roleMorphIn{0%{opacity:0;transform:scale(.96) translateY(12px);filter:blur(4px)}55%{opacity:1;transform:scale(1.02) translateY(0);filter:blur(0)}to{opacity:1;transform:scale(1)}}.chapter-two-role-card.switch-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#94a3b800,#f8fafc1f,#94a3b800 80%);transform:translate(-120%);opacity:0;pointer-events:none}.switch-card--president:after,.switch-card--developer:after{animation:holoSwipe .45s ease-out}@keyframes holoSwipe{0%{transform:translate(-120%);opacity:0}30%{opacity:1}to{transform:translate(120%);opacity:0}}.switch-text p:hover{background:radial-gradient(circle at left,rgba(250,204,21,.26),transparent 60%);color:#fefce8;transform:translate(3px)}.switch-text p:hover:before{background:radial-gradient(circle,#facc15,#facc1559);box-shadow:0 0 16px #facc15e6}.project-card-logo{width:100%;margin:0 auto 1rem;padding:1rem 0 1.2rem;display:flex;justify-content:center;border-bottom:1px solid rgba(255,255,255,.07);border-radius:20px;background:radial-gradient(circle at top,#94a3b859,#0f172afa)}.project-card--gold .project-card-logo{background:radial-gradient(circle at top,#facc1566,#0f172afa)}.project-card--cyan .project-card-logo{background:radial-gradient(circle at top,#38bdf866,#0f172afa)}.project-card--silver .project-card-logo{background:radial-gradient(circle at top,#e2e8f066,#0f172afa)}.project-bubble-btn{position:relative;width:46px;height:46px;border-radius:999px;border:1px solid rgba(148,163,184,.8);display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#f8fafc59,#0f172af2);box-shadow:0 12px 30px #000000e6,0 0 18px #0f172ae6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;overflow:hidden;transition:transform .25s ease-out,box-shadow .3s ease-out,border-color .25s ease-out,background .3s ease-out}.project-card--gold .project-bubble-btn{border-color:#facc15d9}.project-card--cyan .project-bubble-btn{border-color:#38bdf8d9}.project-card--silver .project-bubble-btn{border-color:#e2e8f0e6}.project-bubble-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(250,250,255,.35),transparent 60%);opacity:0;transform:scale(.25);transition:opacity .45s ease-out,transform .45s ease-out}.project-bubble-btn:hover:before{opacity:1;transform:scale(1.6)}.project-card--gold .project-bubble-btn:hover{box-shadow:0 16px 40px #000,0 0 32px #facc1599}.project-card--cyan .project-bubble-btn:hover{box-shadow:0 16px 40px #000,0 0 32px #38bdf899}.project-card--silver .project-bubble-btn:hover{box-shadow:0 16px 40px #000,0 0 32px #e2e8f08c}.project-bubble-btn:hover{transform:translateY(-3px) scale(1.06);background:radial-gradient(circle at 25% 15%,#f8fafc80,#0f172afa)}.project-bubble-icon{width:30px;height:30px;color:#e5e7eb;filter:drop-shadow(0 0 8px rgba(15,23,42,.9));transition:transform .35s cubic-bezier(.25,1,.5,1),filter .3s ease-out,color .25s ease-out}.project-bubble-btn:hover .project-bubble-icon{transform:translate(2px) translateY(-2px);color:#f9fafb;filter:drop-shadow(0 0 14px rgba(250,250,255,.9))}.project-bubble-btn:active{transform:translateY(-1px) scale(.97);box-shadow:0 10px 24px #000,0 0 20px #94a3b880}.project-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;margin-bottom:.4rem}.project-header-row>div{display:flex;flex-direction:column;gap:.15rem}.project-bubble-btn{flex-shrink:0}.project-card{transition:transform .22s ease-out,box-shadow .22s ease-out,border-color .22s ease-out,background .22s ease-out}.project-card:hover{transform:translateY(-4px);box-shadow:0 26px 80px #000000f2,0 0 38px #fafaff38}.project-card-logo img{transition:transform .25s ease-out,filter .25s ease-out}.project-card:hover .project-card-logo img{transform:translateY(0) scale(1.04);filter:drop-shadow(0 14px 32px rgba(0,0,0,.9))}.project-card:hover .project-bubble-btn{transform:translateY(-2px) scale(1.04)}.project-card--gold:hover .project-bubble-btn{border-color:#facc15f2;box-shadow:0 14px 32px #000,0 0 24px #facc158c}.project-card--gold:hover .project-bubble-icon{color:#fef9c3}.project-card--cyan:hover .project-bubble-btn{border-color:#38bdf8f2;box-shadow:0 14px 32px #000,0 0 24px #38bdf88c}.project-card--cyan:hover .project-bubble-icon{color:#e0f2fe}.project-card--silver:hover .project-bubble-btn{border-color:#e2e8f0;box-shadow:0 14px 32px #000,0 0 24px #e2e8f08c}.project-card--silver:hover .project-bubble-icon{color:#f9fafb}.chapter-three-projects{display:none}.blueprint-container{display:flex;gap:3rem;max-width:85rem;margin:1rem auto 0;min-height:550px;align-items:stretch}.blueprint-sidebar{flex:0 0 280px;display:flex;flex-direction:column;gap:1rem}.blueprint-tab{position:relative;display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:1.2rem 1.4rem;background:transparent;border:1px solid rgba(148,163,184,.2);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1);overflow:visible}.blueprint-tab-title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:#e2e8f0b3;margin:.2rem 0 0;transition:color .3s ease}.blueprint-tab:not(.is-active):hover{background:#94a3b80d;border-color:#94a3b866;transform:translate(5px)}.blueprint-tab:not(.is-active):hover .blueprint-tab-title{color:#fff}.blueprint-tab.is-active{background:radial-gradient(circle at left,#0f172acc,#020617);transform:translate(10px) scale(1.02);z-index:2}.blueprint-tab.is-active .blueprint-tab-title{color:#fff}.blueprint-tab.theme--gold.is-active{border-color:#facc15cc;box-shadow:0 0 30px #facc1533,inset 0 0 20px #facc151a}.blueprint-tab.theme--cyan.is-active{border-color:#38bdf8cc;box-shadow:0 0 30px #38bdf833,inset 0 0 20px #38bdf81a}.blueprint-tab.theme--silver.is-active{border-color:#e2e8f0cc;box-shadow:0 0 30px #e2e8f033,inset 0 0 20px #e2e8f01a}.blueprint-connector-point{width:10px;height:10px;border-radius:50%;background:#94a3b84d;transition:all .3s ease;position:relative}.theme--gold.is-active .blueprint-connector-point{background:#facc15;box-shadow:0 0 10px #facc15}.theme--cyan.is-active .blueprint-connector-point{background:#38bdf8;box-shadow:0 0 10px #38bdf8}.theme--silver.is-active .blueprint-connector-point{background:#e2e8f0;box-shadow:0 0 10px #e2e8f0}.blueprint-tab.is-active:after{content:"";position:absolute;right:-3rem;top:50%;width:3rem;height:3px;transform:translateY(-50%);z-index:-1;opacity:0;animation:connectorExtend .4s cubic-bezier(.25,1,.5,1) forwards .1s}@keyframes connectorExtend{0%{width:0;opacity:0}to{width:4rem;opacity:1}}.blueprint-tab.theme--gold.is-active:after{background:linear-gradient(to right,#facc15,#facc1580);box-shadow:0 0 15px #facc1599}.blueprint-tab.theme--cyan.is-active:after{background:linear-gradient(to right,#38bdf8,#38bdf880);box-shadow:0 0 15px #38bdf899}.blueprint-tab.theme--silver.is-active:after{background:linear-gradient(to right,#e2e8f0,#e2e8f080);box-shadow:0 0 15px #e2e8f099}.blueprint-main{flex:1;position:relative;display:flex;animation:blueprintContentEnter .5s cubic-bezier(.25,1,.5,1) forwards;opacity:0;transform:translate(20px)}@keyframes blueprintContentEnter{to{opacity:1;transform:translate(0)}}.blueprint-hero-card{width:100%;min-height:100%;padding:3rem 3.5rem;transform:translateY(-4px)}.theme--gold .blueprint-hero-card{border-color:#facc1599;box-shadow:0 30px 90px #000,0 0 50px #facc154d}.theme--cyan .blueprint-hero-card{border-color:#38bdf899;box-shadow:0 30px 90px #000,0 0 50px #38bdf84d}.theme--silver .blueprint-hero-card{border-color:#e2e8f099;box-shadow:0 30px 90px #000,0 0 50px #e2e8f04d}.project-card-logo--hero img{max-width:240px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}.project-title--hero{font-size:1.8rem;margin-bottom:.5rem}.project-desc--hero{font-size:1.05rem;max-width:600px;margin-top:1.5rem;margin-bottom:1.5rem}.project-list--hero{font-size:.95rem;gap:.6rem}.project-list--hero li{padding-left:1.5rem}.theme--gold .project-list--hero li:before{background:#facc15;box-shadow:0 0 10px #facc15}.theme--cyan .project-list--hero li:before{background:#38bdf8;box-shadow:0 0 10px #38bdf8}.theme--silver .project-list--hero li:before{background:#e2e8f0;box-shadow:0 0 10px #e2e8f0}@media(max-width:960px){.blueprint-container{flex-direction:column;min-height:auto}.blueprint-sidebar{flex-direction:column;overflow-x:hidden;overflow-y:visible;padding-bottom:1rem;flex:0 0 auto;scrollbar-width:none;-ms-overflow-style:none}.blueprint-sidebar::-webkit-scrollbar{display:none}.blueprint-tab{min-width:auto;width:100%;padding:1rem}.blueprint-tab.is-active:after,.blueprint-connector-point{display:none}.blueprint-main{animation:none;opacity:1;transform:none}.blueprint-hero-card{padding:2rem}}.blueprint-hero-card{width:100%;padding:2.5rem 3rem;transform:translateY(-4px)}.blueprint-hero-card .project-inner{display:flex;flex-direction:row;align-items:center;gap:3rem;max-width:none}.project-card-logo--hero{flex:0 0 280px;margin:0;padding:2rem 0;height:auto}.project-card-logo--hero img{max-width:220px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}.blueprint-hero-content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center}.blueprint-hero-card .project-header-row{margin-top:0;margin-bottom:1rem}.project-title--hero{font-size:1.6rem;margin-bottom:.3rem}.project-list--hero{font-size:.9rem;gap:.5rem}@media(max-width:960px){.blueprint-hero-card .project-inner{flex-direction:column;gap:2rem}.project-card-logo--hero{flex:0 0 auto;width:100%;max-width:350px}.blueprint-hero-content-wrapper{width:100%}}.project-desc--hero{font-size:1rem;max-width:none;margin-top:0;margin-bottom:1.2rem}.project-list--hero{list-style-type:none;padding-left:0;margin-top:0;font-size:.9rem;display:flex;flex-direction:column;gap:.5rem}.project-list--hero li{position:relative;padding-left:1.5rem;opacity:0;animation:fadeInUpStagger .5s cubic-bezier(.25,1,.5,1) forwards}.project-list--hero li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;border-radius:50%}@keyframes fadeInUpStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-list--hero li{opacity:0;animation:fadeInUpStagger .5s cubic-bezier(.25,1,.5,1) forwards}.project-list--hero li:nth-child(1){animation-delay:.1s}.project-list--hero li:nth-child(2){animation-delay:.2s}.project-list--hero li:nth-child(3){animation-delay:.3s}.project-list--hero li:nth-child(4){animation-delay:.4s}.project-list--hero li:nth-child(5){animation-delay:.5s}.chapter-four-root{position:relative;width:100%}.chapter-four{display:flex;flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;padding-bottom:1rem}.chapter-four-header{text-align:center;margin-bottom:1rem}.tactical-hud-top{display:flex;justify-content:center;gap:1rem;margin-bottom:.8rem}.hud-badge{font-family:Courier New,monospace;font-size:.7rem;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);padding:.3rem .8rem;border-radius:4px;letter-spacing:.1em}.chapter-four-header h2{font-size:2.2rem;font-family:Space Grotesk,sans-serif;text-transform:uppercase;margin:0;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1)}.chapter-four-pitch.real-field{position:relative;width:100%;height:auto;min-height:420px;background:radial-gradient(circle at top,#0f172a,#020617);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 60px #000c,inset 0 0 100px #38bdf80d;padding:2rem 1rem;overflow:hidden;transform-style:preserve-3d;perspective:800px}.pitch-markings{position:absolute;inset:0;pointer-events:none;opacity:.1}.pitch-center-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#fff}.pitch-center-circle{position:absolute;top:50%;left:50%;width:150px;height:150px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.pitch-grid-overlay{position:absolute;inset:0;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(56,189,248,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.3) 1px,transparent 1px);background-size:60px 60px}.formation-container{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.5rem;align-items:center;transform:rotateX(10deg)}.pitch-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.row-label{font-family:Space Grotesk,sans-serif;font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.2em;text-align:center}.role-sub{color:#facc15;font-size:.7rem;margin-left:.5rem;opacity:.8}.cards-wrapper{display:flex;justify-content:center;gap:1.5rem;width:100%;flex-wrap:wrap}.cards-wrapper.four-block{max-width:1000px}.skill-card-compact{display:flex;flex-direction:column;justify-content:space-between;width:200px;padding:1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.skill-card-compact:hover{transform:translateY(-5px) scale(1.05);background:#1e293bcc;border-color:#38bdf8;box-shadow:0 10px 30px #38bdf826;z-index:10}.skill-card-compact.highlight{border-color:#facc1580;background:radial-gradient(circle at top,#facc151a,#0f172ab3)}.skill-icon-c{font-size:1.4rem}.skill-title-c{font-size:.9rem;color:#fff;font-weight:600;line-height:1.3}.skill-power-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.skill-power-fill{height:100%;background:#38bdf8;opacity:.9;box-shadow:0 0 10px #38bdf8}.skill-card-compact.highlight .skill-power-fill{background:#facc15;box-shadow:0 0 10px #facc15}.chapter-four-footer{text-align:center;font-family:Space Grotesk,sans-serif;font-size:1.1rem;color:#94a3b8;font-style:italic;opacity:.8;margin-top:1rem}.chapter-four--hidden{opacity:0;transform:translateY(20px);filter:blur(5px);transition:all .8s ease}.chapter-four--visible{opacity:1;transform:translateY(0);filter:none}@media(max-width:900px){.cards-wrapper{flex-direction:column;align-items:center;gap:1rem}.skill-card-compact{width:100%;max-width:300px;flex-direction:row;align-items:center;padding:.8rem}.skill-power-bar{width:60px;height:4px;margin-left:auto}.skill-card-top{margin-bottom:0}.chapter-four-pitch.real-field{min-height:auto;padding:1.5rem}.formation-container{gap:2rem;transform:none}}.skill-card-compact{position:relative;cursor:pointer}.skill-tooltip{position:absolute;bottom:-48px;left:50%;transform:translate(-50%) translateY(6px);background:#0f172aeb;color:#cbd5e1;padding:10px 14px;font-size:.78rem;border-radius:8px;opacity:0;pointer-events:none;width:max-content;max-width:220px;text-align:center;line-height:1.3;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px #00000073;transition:opacity .25s ease,transform .25s ease;z-index:30}.skill-tooltip:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent rgba(15,23,42,.92) transparent}.skill-card-compact:hover .skill-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.defense-row .skill-tooltip{bottom:auto;top:-48px;transform:translate(-50%) translateY(-6px)}.defense-row .skill-tooltip:after{top:auto;bottom:-6px;border-width:6px 6px 0 6px;border-color:rgba(15,23,42,.92) transparent transparent transparent}.defense-row .skill-card-compact:hover .skill-tooltip{transform:translate(-50%) translateY(-2px)}.skill-card-compact:hover{transform:translateY(-4px);transition:transform .25s ease}.cinematic-transition-wrapper{position:absolute;inset:0;z-index:50;opacity:1;transition:opacity 1.5s ease-in-out;pointer-events:auto}.cinematic-transition-wrapper.fade-out{opacity:0;pointer-events:none}.chapter-four--hidden{opacity:0;transform:scale(.95);filter:blur(10px)}.chapter-four--visible{opacity:1;transform:scale(1);filter:blur(0);transition:all 2s cubic-bezier(.25,1,.5,1)}.skill-card-top{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.skill-icon-c{display:flex;align-items:center;justify-content:center}.skill-icon-c svg{width:22px;height:22px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));transition:transform .3s ease}.icon-gold{color:#facc15}.icon-cyan{color:#38bdf8}.icon-silver{color:#e2e8f0}.icon-green{color:#4ade80}.icon-blue{color:#3b82f6}.skill-card-compact:hover .skill-icon-c svg{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.chapter-five-root{position:relative;width:1200px;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;background:radial-gradient(circle at bottom,#1e1b4b,#020617 60%,#000)}.chapter-five-root:before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:radial-gradient(white 1px,transparent 1px);background-size:40px 40px}.chapter-five-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.chapter-five-content.hidden{opacity:0;transform:scale(.95) translateY(20px);filter:blur(10px)}.chapter-five-content.visible{opacity:1;transform:scale(1) translateY(0);filter:blur(0);transition:all 1s cubic-bezier(.25,1,.5,1)}.connections-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto;gap:1.5rem;width:90vw;max-width:900px;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #0009;transform-style:preserve-3d;will-change:transform;transition:transform .1s linear}.connection-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.8rem;border-radius:20px;text-decoration:none;overflow:hidden;background:#1e1b4b99;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.25,1,.5,1)}.card-large{grid-column:span 3;min-height:180px}.card-small{grid-column:span 2;min-height:150px}.card-icon{display:flex;align-items:center;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));transition:transform .3s ease}.card-icon svg{width:42px;height:42px;color:#fff;transition:color .3s ease}.card-info h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.2rem;color:#fff;letter-spacing:.05em}.card-info span{display:block;font-family:Courier New,monospace;font-size:.75rem;color:#fff9;margin-top:.3rem}.card-arrow{position:absolute;top:1.5rem;right:1.5rem;color:#ffffff4d;transition:all .3s ease;display:flex}.card-arrow svg{width:20px;height:20px;transform:rotate(-45deg)}.connection-card:hover{transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 15px 40px #00000080}.connection-card:hover .card-arrow{color:#fff;transform:translate(3px,-3px)}.connection-card:hover .card-icon{transform:scale(1.1)}.theme-blue:hover{border-color:#38bdf8}.theme-blue:hover .card-icon svg{color:#38bdf8}.theme-violet:hover{border-color:#8b5cf6}.theme-violet:hover .card-icon svg{color:#8b5cf6}.theme-gray:hover{border-color:#94a3b8}.theme-gray:hover .card-icon svg{color:#94a3b8}.theme-white:hover{border-color:#fff}.theme-white:hover .card-icon svg{color:#fff}.theme-pink:hover{border-color:#ec4899}.theme-pink:hover .card-icon svg{color:#ec4899}.theme-blue .card-bg-glow{background:radial-gradient(circle,#38bdf8,transparent 60%)}.theme-violet .card-bg-glow{background:radial-gradient(circle,#8b5cf6,transparent 60%)}.theme-gray .card-bg-glow{background:radial-gradient(circle,#94a3b8,transparent 60%)}.theme-white .card-bg-glow{background:radial-gradient(circle,#ffffff,transparent 60%)}.theme-pink .card-bg-glow{background:radial-gradient(circle,#ec4899,transparent 60%)}.connection-card:hover .card-bg-glow{opacity:.15}.card-bg-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--glow-color, rgba(255,255,255,.1)),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.connection-card:hover .card-bg-glow{opacity:.2}.chapter-five-footer{margin-top:1.5rem;text-align:center;color:#fff6;font-family:Courier New;font-size:.85rem}@media(max-width:768px){.connections-grid{display:flex;flex-direction:column;width:90%;height:auto;gap:1rem;padding:1.5rem}.connection-card{min-height:auto;padding:1.5rem;flex-direction:row;align-items:center;gap:1rem}.card-icon{margin-bottom:0}.card-icon svg{width:32px;height:32px}.card-arrow{position:static;margin-left:auto}}@media(max-width:1280px){.chapter-card{margin-right:6rem;margin-left:-1rem}.chapter-four-pitch,.chapter-eight-body{min-width:0;width:100%}.chapter-five-root{width:100%;max-width:1200px}}@media(max-width:1200px){.chapter-section{padding:3rem 3vw 4rem}.chapter-card{margin-left:0;margin-right:3rem}.chapter-card--wide,.chapter-card--wide2{margin-right:3rem!important}.blueprint-container{max-width:100%;padding-inline:1.5rem}.chapter-four{max-width:100%;padding-inline:0}}@media(max-width:1024px){.chapter-card{margin-right:1.5rem;margin-top:2rem;padding:2rem 2.2rem}.chapter-card--three{padding-inline:2rem}.chapter-eight-body{padding-right:1.5rem}.connections-grid{width:95vw;max-width:800px}}@media(max-width:768px){.chapter-section{padding:3.2rem 1.5rem 3.8rem}.chapter-title{top:1.6rem;left:1.5rem;font-size:.75rem}.chapter-title h1{font-size:.85rem}.chapter-content{justify-content:center}.chapter-card,.chapter-card--wide,.chapter-card--wide2{margin:2.2rem 0 0!important;width:100%;padding:1.8rem 1.6rem;min-height:auto}.chapter-intro-text{max-width:100%!important}.chapter-card--wide2 .chapter-two-content{width:100%}.chapter-four-pitch{min-width:0;width:100%;padding:1.8rem 1.4rem}.shots-gallery-container{width:95vw;height:auto;max-height:none}.chapter-eight-body{gap:1.4rem}.chapter-eight-body p{font-size:1rem}.chapter-eight-body p:last-of-type{font-size:1.1rem}.outro-button-wrapper{justify-content:center}.chapter-five-root{width:100%;padding:1.5rem 0}}@media(max-width:480px){.chapter-section{padding:2.6rem 1.1rem 3.2rem}.chapter-title{top:1.2rem;left:1.1rem;letter-spacing:.18em}.chapter-content p,.chapter-block,.chapter-two-intro,.chapter-two-text,.chapter-two-bridge{font-size:.9rem}.chapter-four-header h2{font-size:1.4rem}.chapter-four-header p{font-size:.9rem}.skill-card-compact{max-width:260px}.connection-card{padding:1.2rem}.card-info h3{font-size:1rem}.card-info span{font-size:.7rem}}@media(max-width:1024px){.chapter-section{padding:3rem 1.5rem 4rem}.chapter-card{margin-left:0;margin-right:0;padding:1.8rem 1.5rem;min-height:auto}.chapter-card--wide,.chapter-card--wide2{margin-right:0!important;margin-left:0!important}.chapter-title{position:relative;top:auto;left:auto;margin-bottom:1.5rem;text-align:center}.chapter-restart-btn{position:relative;top:auto;right:auto;margin:1rem auto 0}}@media(max-width:768px){.chapter-section{padding:2.5rem 1rem 3rem}.chapter-card{padding:1.5rem 1.2rem;border-radius:16px}.chapter-title h1{font-size:.85rem;letter-spacing:.16em}.chapter-subtitle{font-size:.8rem;letter-spacing:.14em}}@media(max-width:768px){.chapter-intro-text{max-width:100%;font-size:.95rem;line-height:1.7;gap:1rem}.chapter-intro-first{font-size:1.05rem}.chapter-intro-quote{font-size:1.15rem;padding-left:1rem;margin:1rem 0}.chapter-intro-ending{font-size:.75rem;letter-spacing:.14em}}@media(max-width:768px){.chapter-two-header-row{flex-direction:column;align-items:center;gap:1rem}.chapter-two-toggle{transform:scale(.9)}.chapter-two-role-card.switch-card{flex-direction:column;gap:1.5rem}.chapter-two-photo-frame--switch{flex:none;width:100%;max-width:280px;margin:0 auto}.switch-text{padding:1rem;margin-right:0}.switch-text p{font-size:.85rem;padding:.4rem .8rem .4rem 1.2rem}.chapter-two-bridge{font-size:.95rem;text-align:center}.chapter-two-highlight{font-size:.85rem}.chapter-card--wide2 .chapter-two-content{width:100%}}@media(max-width:768px){.blueprint-container{flex-direction:column;gap:1.5rem;min-height:auto}.blueprint-sidebar{flex-direction:column;flex:none;width:100%;gap:.8rem}.blueprint-tab{min-width:auto;width:100%;padding:.9rem 1.2rem}.blueprint-tab.is-active{transform:none}.blueprint-tab.is-active:after{display:none}.blueprint-connector-point{display:none}.blueprint-hero-card{padding:1.5rem}.blueprint-hero-card .project-inner{flex-direction:column;gap:1.5rem}.project-card-logo--hero{flex:none;width:100%;max-width:100%;padding:1rem 0}.project-card-logo--hero img{max-width:160px}.project-title--hero{font-size:1.2rem}.project-desc--hero{font-size:.9rem}.project-list--hero{font-size:.85rem}.project-header-row{flex-direction:column;align-items:flex-start;gap:.8rem}.project-bubble-btn{align-self:flex-start}}@media(max-width:900px){.chapter-four-pitch.real-field{min-width:auto;width:100%;padding:1.5rem 1rem;min-height:auto}.formation-container{transform:none;gap:2rem}.cards-wrapper{flex-direction:column;align-items:center;gap:.8rem}.skill-card-compact{width:100%;max-width:100%;flex-direction:row;align-items:center;padding:.8rem 1rem}.skill-card-top{margin-bottom:0;flex:1}.skill-power-bar{width:60px;margin-left:auto}.skill-tooltip{display:none}.row-label{font-size:.75rem}.chapter-four-header h2{font-size:1.5rem}.tactical-hud-top{flex-wrap:wrap;justify-content:center}.hud-badge{font-size:.6rem;padding:.25rem .6rem}}@media(max-width:768px){.chapter-five-root{width:100%;min-height:auto;padding:1.5rem 0}.connections-grid{grid-template-columns:1fr;width:100%;max-width:100%;padding:1rem;gap:1rem}.card-large,.card-small{grid-column:span 1;min-height:120px}.connection-card{padding:1.2rem}.card-icon svg{width:32px;height:32px}.card-info h3{font-size:1rem}.card-info span{font-size:.7rem}}@media(max-width:768px){.chapter-six-root{min-height:auto;padding:1rem 0}.shots-gallery-container{flex-direction:column;width:100%;height:auto;max-height:none;gap:.5rem;padding:.5rem;border-radius:16px}.shot-panel{width:100%;min-height:120px;border-radius:12px}.shot-panel.active{flex:none;min-height:280px}.shot-info{bottom:1rem;left:1rem;gap:.8rem}.shot-id{font-size:2.5rem}.shot-meta h3{font-size:1.1rem}.shot-vertical-label{transform:none;left:1rem;bottom:.8rem}.shot-vertical-label span{font-size:.7rem}}@media(max-width:768px){.chapter-eight-body{min-width:auto;width:100%;gap:1.2rem}.chapter-eight-body p{font-size:1rem;line-height:1.6}.chapter-eight-body p:last-of-type{font-size:1.1rem}.outro-button-wrapper{margin-top:2rem;justify-content:center}.chapter-eight-outro-button{padding:.9rem 2rem .9rem .9rem;width:auto}.chapter-eight-outro-button span{font-size:.8rem;letter-spacing:.14em}.play-icon-circle{width:38px;height:38px}}@media(max-width:400px){.chapter-section{padding:2rem .8rem 2.5rem}.chapter-card{padding:1.2rem 1rem;border-radius:14px}.chapter-title h1{font-size:.75rem}.chapter-intro-text{font-size:.9rem}.chapter-intro-quote{font-size:1rem}.chapter-two-toggle{transform:scale(.85)}.switch-text p{font-size:.8rem}.blueprint-tab{padding:.8rem 1rem}.blueprint-tab-title{font-size:.9rem}.skill-card-compact{padding:.7rem .9rem}.skill-title-c{font-size:.8rem}.connection-card{padding:1rem}.card-info h3{font-size:.9rem}.shot-panel.active{min-height:240px}.shot-id{font-size:2rem}.shot-meta h3{font-size:1rem}}@media(max-width:768px){.chapter-two-photo-frame--switch{flex:0 0 180px;max-width:180px}.switch-text{padding:.8rem 1rem .8rem 1.4rem;gap:.4rem}.switch-text p{padding:.35rem .8rem .35rem 1.2rem;font-size:.8rem}.chapter-two-bridge{font-size:.9rem;margin-top:.5rem}.chapter-two-bridge p{margin-bottom:.3rem}.blueprint-container{gap:1.5rem}.blueprint-hero-card{padding:1.5rem}.project-card-logo--hero{flex:0 0 180px}.project-card-logo--hero img{max-width:140px}.project-title--hero{font-size:1.2rem}.project-desc--hero{font-size:.85rem;margin-top:.8rem;margin-bottom:.8rem}.project-list--hero{font-size:.8rem;gap:.3rem}.chapter-four-pitch{padding:1.5rem 1rem;min-height:auto}.pitch-row{margin-bottom:1.5rem}.row-label{font-size:.7rem;margin-bottom:.5rem}.skill-card-compact{width:100%;max-width:280px;padding:.7rem}.skill-title-c{font-size:.75rem}.skill-icon-c svg{width:18px;height:18px}.connections-grid{gap:.8rem}.connection-card{padding:1rem}.card-icon svg{width:28px;height:28px}.card-info h3{font-size:.9rem}.card-info span{font-size:.65rem}.shots-gallery-container{gap:.3rem;padding:.3rem}.shot-panel.active{min-height:200px}.shot-info{bottom:.8rem;left:.8rem;gap:.5rem}.shot-id{font-size:2rem}.shot-meta h3{font-size:.9rem}.shot-meta p{font-size:.6rem}.chapter-eight-body{gap:1rem}.chapter-eight-body p{font-size:.9rem;line-height:1.5}.chapter-eight-body p:last-of-type{font-size:1rem}}@media(max-width:500px){.chapter-two-photo-frame--switch{flex:0 0 140px;max-width:140px}.switch-text p{font-size:.7rem;padding:.3rem .6rem .3rem 1rem}.chapter-two-role-label{font-size:.65rem}.project-card-logo--hero{flex:0 0 120px}.project-card-logo--hero img{max-width:100px}.project-title--hero{font-size:1rem}.project-desc--hero{font-size:.75rem}.project-list--hero{font-size:.7rem}.chapter-four-pitch{padding:1rem .8rem}.skill-card-compact{padding:.5rem}.skill-title-c{font-size:.65rem}.shot-panel.active{min-height:160px}.shot-id{font-size:1.6rem}.shot-meta h3{font-size:.75rem}}:root{--bg-dark: #020308;--gold: #ffd700;--blue: #4a90e2;--white: #ffffff}.cinematic-container{position:fixed;inset:0;background:radial-gradient(circle at top,#141824 0,#020308 55%,#000);color:var(--white);z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:hidden}.scene{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 2rem;gap:.8rem}.scene-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.scene-line{font-size:1.6rem;max-width:50rem;line-height:1.6;color:#ffffffe6}.scene-big{font-size:2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;max-width:40rem;line-height:1.5;margin-bottom:.75rem}.glow-text{color:gold;text-shadow:0 0 12px rgba(255,215,0,.9),0 0 30px rgba(255,215,0,.7)}.chapter-title-card{display:block;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2.4rem,3vw,3rem);letter-spacing:.32em;text-transform:uppercase}.chapter-subtitle-card{display:block;font-family:Inter Tight,sans-serif;font-weight:300;margin-top:1.2rem;font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3}.scene-title{padding-top:10vh}.scene-title .chapter-title-card{letter-spacing:.35em;animation:fadeInUp .8s ease-out forwards}.scene-title .chapter-subtitle-card{opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.15s;will-change:transform,opacity}.scene-intro{padding-top:4vh}.scene-intro .scene-line{max-width:32rem;animation:introZoom 1.4s ease-out forwards}.scene-football{text-align:center;padding-top:2vh}.scene-football .scene-line{max-width:none;white-space:nowrap}@media(max-width:768px){.scene-football .scene-line{white-space:normal}}.football-orbit{position:relative;margin-top:2.2rem;width:300px;height:300px;display:flex;align-items:center;justify-content:center;border-radius:50%}.football-core-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,gold,#ffb90066 35%,#0000 75%);filter:blur(14px);animation:corePulse 4s ease-in-out infinite}.football-orbit-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,215,0,.15);filter:blur(1px)}.football-orbit-ring--outer{width:260px;height:260px;animation:orbitPulse 4s ease-in-out infinite}.football-orbit-ring--inner{width:200px;height:200px;border-color:#ffd7001f;animation:orbitPulse 4s ease-in-out infinite;animation-delay:.4s}.football-spin{display:flex;align-items:center;justify-content:center;animation:float 5s ease-in-out infinite}.scene-football-img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,215,0,.5));z-index:2;animation:spin 8s linear infinite}.scene-laptop{text-align:center;padding-top:2vh}.scene-laptop .scene-line{max-width:40rem}.laptop-wrapper{margin-top:3.5rem;display:flex;justify-content:center}.laptop-image-frame{position:relative;display:inline-block;padding:1.3rem;border-radius:22px;background:radial-gradient(circle at center,#0b1020,#050814 70%);box-shadow:0 24px 60px #000000d9,0 0 60px #38bdf840;animation:fadeInUp 1s ease-out forwards}.scene-laptop-img{display:block;width:420px;height:auto;filter:drop-shadow(0 0 22px rgba(56,189,248,.6))}.laptop-code-overlay{position:absolute;top:10%;left:19%;width:62%;height:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#08142899;border-radius:10px;padding:1.1rem 1.3rem;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 8px #00000080,0 0 18px #38bdf859}.code-line{opacity:0;font-family:JetBrains Mono,monospace;color:#d7f0ff;font-size:.78rem;white-space:nowrap;animation:typeLine .35s forwards}.code-line:nth-child(2){animation-delay:.4s}.code-line:nth-child(3){animation-delay:.8s}.scene-duality{text-align:center;padding-top:2vh}.intersection{position:relative;margin-top:3rem;width:260px;height:140px}.scene-duality .scene-line:nth-of-type(2){margin-top:3.2rem}.from-left{position:absolute;left:0;top:50%;animation:mergeFromLeft 3.4s ease-out forwards}.from-right{position:absolute;right:0;top:50%;animation:mergeFromRight 3.4s ease-out forwards}.fusion-glow{position:absolute;left:50%;top:50%;width:160px;height:160px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#9b59b6 0,#00d4ff 40%,transparent 70%);opacity:0;animation:fusionBurst 1.4s ease-out forwards .8s,fusionSoft 5s ease-in-out infinite 2.2s}.merge-icon-circle{width:72px;height:72px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#111827,#020308);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 20px #000000b3;overflow:hidden;animation:floatMerge 3s ease-in-out infinite}.merge-icon-circle img{width:46px;height:46px;object-fit:contain}.merge-football{box-shadow:0 0 28px #ffd7008c,0 12px 32px #000000e6}.merge-laptop{box-shadow:0 0 28px #38bdf88c,0 12px 32px #000000e6}.scene-identity{text-align:center;padding-top:4vh}.identity-block{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem}.identity-row{display:flex;align-items:center;justify-content:center;gap:4rem}.identity-side{display:flex;flex-direction:column;align-items:center;gap:1rem}.identity-photo{height:280px;width:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(255,255,255,.08));animation:identity-fade 1.2s ease-out forwards;opacity:0}.identity-label{text-transform:uppercase;letter-spacing:.22em;font-size:.85rem;margin-top:.25rem}.identity-label.gold{color:var(--gold)}.identity-label.blue{color:var(--blue)}.identity-bolt{width:5px;height:240px;border-radius:10px;background:linear-gradient(to bottom,rgba(255,255,255,.4),var(--gold),rgba(255,255,255,.4));box-shadow:0 0 18px #ffd70099;animation:lightningFlash 1.8s infinite}.identity-labels{margin-top:1.2rem;font-size:.9rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85;text-align:center}.scene-outro{padding-top:5vh}.scene-outro-kicker,.scene-outro-name,.scene-outro-tagline{opacity:0}.scene-outro-kicker{font-size:.95rem;letter-spacing:.28em;text-transform:uppercase;color:#fffc;animation:fadeInUp 1.4s ease-out forwards;animation-delay:.2s}.scene-outro-name{margin-top:1.8rem;font-size:2.4rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:gold;text-shadow:0 0 5px rgba(255,215,0,.75),0 0 14px rgba(255,215,0,.45);animation:fadeInUp 1.4s ease-out forwards;animation-delay:1.4s}.scene-outro-tagline{margin-top:1.2rem;font-size:clamp(.9rem,1vw + .3rem,1.1rem);letter-spacing:.24em;text-transform:uppercase;color:#ffffffe6;animation:fadeInUp 1.4s ease-out forwards;animation-delay:2.8s}.cinematic-skip{position:fixed;right:36px;bottom:30px;padding:8px 18px;font-size:.8rem;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.25);color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .25s ease}.cinematic-skip:hover{background:#ffffff1a;border-color:#ffd70099;box-shadow:0 0 18px #ffd70066}.cinematic-hide{animation:fadeOut .8s ease-out forwards}.fade-in{opacity:0;animation:fadeIn 1s ease-out forwards}.fade-in-up{opacity:0;animation:fadeInUp 1s ease-out forwards}.fade-in-center{opacity:0;animation:fadeIn .8s ease-out forwards}.delay-1{animation-delay:1.25s}.delay-2{animation-delay:2.3s}@keyframes fadeOut{to{opacity:0;pointer-events:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes introZoom{0%{opacity:0;transform:translateY(20px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes orbitPulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.05);opacity:.6}}@keyframes corePulse{0%{transform:scale(.92);opacity:.75}50%{transform:scale(1.08);opacity:1}to{transform:scale(.92);opacity:.75}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typeLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mergeFromLeft{0%{opacity:0;transform:translate(-140px,-50%) scale(.9)}35%{opacity:1;transform:translateY(-50%) scale(1)}70%{opacity:1;transform:translate(90px,-50%) scale(1)}to{opacity:0;transform:translate(90px,-50%) scale(.3)}}@keyframes mergeFromRight{0%{opacity:0;transform:translate(140px,-50%) scale(.9)}35%{opacity:1;transform:translateY(-50%) scale(1)}70%{opacity:1;transform:translate(-90px,-50%) scale(1)}to{opacity:0;transform:translate(-90px,-50%) scale(.3)}}@keyframes fusionBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.6);box-shadow:0 0 #00d4ff00}45%{opacity:.4;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 40px #00d4ffb3}70%{opacity:1;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 80px #ffffffe6}to{opacity:.7;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 30px #00d4ff66}}@keyframes fusionSoft{0%{opacity:.6;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 26px #00d4ff4d}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 38px #00d4ff73}to{opacity:.6;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 26px #00d4ff4d}}@keyframes lightningFlash{0%,to{opacity:.1}20%,40%,60%{opacity:1}30%,50%{opacity:.4}}@keyframes identity-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatMerge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:900px){.identity-block{flex-direction:column;gap:2rem}.identity-bolt{height:4px;width:180px}.identity-photo{height:200px}}@media(max-width:768px){.scene-text{font-size:1.3rem}}.code-editor-window{width:620px;max-width:92vw;margin-top:2rem;border-radius:14px;overflow:hidden;background:#080c18d9;box-shadow:0 0 40px #000000d9,0 0 80px #00b4ff40,inset 0 0 20px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:editorFade 1.2s ease-out forwards}@keyframes editorFade{0%{opacity:0;transform:translateY(20px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.code-editor-topbar{display:flex;gap:8px;padding:14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.red{background:#ff5f57}.yellow{background:#ffbd2e}.green{background:#28c840}.code-lines{padding:18px 26px 26px;font-family:JetBrains Mono,monospace;font-size:.92rem;color:#e2ecf8}.kw{color:#ff6188}.fn{color:#78dce8}.str{color:#ffd866}.num{color:#ab9df2}.line{margin:6px 0;opacity:0;animation:lineAppear .8s forwards}.line:nth-child(1){animation-delay:.3s}.line:nth-child(2){animation-delay:1.1s}.line:nth-child(3){animation-delay:1.9s}@keyframes lineAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cursor{margin-left:4px;color:#fff}.blink{animation:blinkCursor .85s infinite}@keyframes blinkCursor{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:768px){.scene{min-height:50vh;padding:0 1.2rem;gap:.6rem}.scene-line{font-size:1.1rem;line-height:1.5}.scene-big{font-size:1.4rem}.chapter-title-card{font-size:clamp(1.6rem,5vw,2rem);letter-spacing:.2em}.chapter-subtitle-card{font-size:.7rem;letter-spacing:.18em;margin-top:.8rem}.football-orbit{width:200px;height:200px;margin-top:1.5rem}.football-core-glow{width:120px;height:120px}.football-orbit-ring--outer{width:180px;height:180px}.football-orbit-ring--inner{width:140px;height:140px}.scene-football-img{width:100px;height:100px}.code-editor-window{width:100%;max-width:100%;margin-top:1.5rem}.code-lines{padding:12px 16px 18px;font-size:.72rem}.code-editor-topbar{padding:10px}.dot{width:9px;height:9px}.intersection{width:200px;height:100px;margin-top:2rem}.merge-icon-circle{width:56px;height:56px}.merge-icon-circle img{width:36px;height:36px}.scene-duality .scene-line:nth-of-type(2){margin-top:2rem}.scene-outro-kicker{font-size:.8rem;letter-spacing:.2em}.scene-outro-name{font-size:1.6rem;letter-spacing:.16em;margin-top:1.2rem}.scene-outro-tagline{font-size:.8rem;letter-spacing:.18em;margin-top:.8rem}.cinematic-skip{right:16px;bottom:20px;padding:6px 14px;font-size:.7rem}}@media(max-width:400px){.chapter-title-card{font-size:1.4rem;letter-spacing:.14em}.chapter-subtitle-card{font-size:.65rem;letter-spacing:.14em}.scene-line{font-size:1rem}.football-orbit{width:160px;height:160px}.scene-football-img{width:80px;height:80px}.code-lines{font-size:.65rem;padding:10px 12px 14px}.scene-outro-name{font-size:1.3rem}}.ct-two-overlay{position:absolute;inset:-2.2rem -3.2rem;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:22px;background:radial-gradient(circle at top,#0a0f1ef2,#000000fa);overflow:hidden}.ct-two-scanlines{position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.5) 3px)}.ct-two-title-wrapper{text-align:center;padding:2.5rem 3rem;z-index:5}.ct-two-split-container{position:relative;width:100%;max-width:980px;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;align-items:center;gap:2rem;padding:1.5rem 2rem;z-index:5}.ct-two-energy-laser{position:absolute;top:-20%;left:50%;width:4px;height:140%;transform:translate(-50%);z-index:2;opacity:0;animation:laserStrike 1.5s ease-out forwards .3s}.laser-beam{width:100%;height:100%;background:linear-gradient(to bottom,#38bdf8,#facc15,#38bdf8);box-shadow:0 0 20px #38bdf8cc,0 0 40px #facc1599;filter:blur(2px)}.laser-impact{position:absolute;top:50%;left:50%;width:100px;height:100px;background:radial-gradient(circle,#ffffff 0%,#38bdf8 40%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:laserImpact .8s ease-out forwards .8s}.ct-two-side{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0}.ct-two-photo-frame{position:relative;border-radius:20px;overflow:hidden;width:250px;max-width:100%;aspect-ratio:3 / 4;border:1px solid rgba(148,163,184,.35);box-shadow:0 22px 55px #000000e6}.ct-two-photo-frame.holo-blue{border-color:#38bdf8cc;box-shadow:0 0 30px #38bdf84d,inset 0 0 20px #38bdf833}.ct-two-photo-frame.holo-gold{border-color:#facc15cc;box-shadow:0 0 30px #facc154d,inset 0 0 20px #facc1533}.ct-two-photo{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.1)}.ct-two-photo.holo-flicker{animation:holoFlicker 2s infinite alternate}.holo-overlay{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(0,0,0,.2) 4px);opacity:.4;pointer-events:none}.ct-two-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.2em;color:#f8fafccc}.ct-two-sub{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6}.ct-two-center{text-align:center;opacity:0}.ct-two-center-title{font-family:Space Grotesk,sans-serif;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:#f9fafb}.ct-two-center-tagline{margin-top:.7rem;font-family:Inter Tight,sans-serif;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:#e5e7ebbf}@keyframes laserStrike{0%{opacity:0;height:0;top:0}50%{opacity:1;height:140%;top:-20%}to{opacity:0;height:140%;top:-20%}}@keyframes laserImpact{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes holoFlicker{0%,to{opacity:1;filter:brightness(1) saturate(1.1)}50%{opacity:.8;filter:brightness(1.2) saturate(.8) hue-rotate(10deg)}52%{opacity:.9;filter:brightness(.9) saturate(1.2) hue-rotate(-10deg)}}.fade-in-left-delay{animation:fadeInLeft .8s ease-out forwards 1.2s}.fade-in-right-delay{animation:fadeInRight .8s ease-out forwards 1.2s}.fade-in-up-delay{animation:fadeInUp .8s ease-out forwards 1.4s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:900px){.ct-two-split-container{grid-template-columns:1fr;gap:1.8rem}.ct-two-center{order:-1}.ct-two-energy-laser{display:none}}@media(max-width:768px){.ct-two-title-wrapper{padding:1.5rem 1rem}.ct-two-split-container{grid-template-columns:1fr;gap:1.5rem;padding:1rem;max-width:100%}.ct-two-energy-laser{display:none}.ct-two-photo-frame{width:180px;max-width:70%}.ct-two-center{order:-1}.ct-two-center-title{font-size:.85rem;letter-spacing:.2em}.ct-two-center-tagline,.ct-two-label{font-size:.7rem;letter-spacing:.16em}.ct-two-sub{font-size:.7rem}}@media(max-width:400px){.ct-two-photo-frame{width:150px}.ct-two-center-title{font-size:.75rem}}.ct3-overlay{position:absolute;inset:-2.2rem -3.2rem;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;border-radius:22px;background:radial-gradient(circle at top,#0a0f1e,#000);overflow:hidden}.ct3-scanlines{position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.5) 3px)}.ct3-title-card{text-align:center;padding:2.5rem 3rem;z-index:5}.ct3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.8rem;width:100%;max-width:1080px;padding:1.5rem 2rem;justify-items:center;z-index:5}.ct3-boot-wrapper{opacity:0;animation:bootUpSequence .8s cubic-bezier(.175,.885,.32,1.275) forwards}.boot-1{animation-delay:.5s}.boot-2{animation-delay:2s}.boot-3{animation-delay:3.5s}@keyframes bootUpSequence{0%{opacity:0;transform:scale(.8) translateY(30px);filter:brightness(0)}10%{opacity:1;transform:scale(1.1) translateY(0);filter:brightness(2)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}.ct3-block{display:flex;flex-direction:column;align-items:center;gap:1rem}.ct3-photo-frame{border-radius:20px;overflow:hidden;width:220px;aspect-ratio:3 / 4;background:radial-gradient(circle at top,#020617,#020617 40%,#000);border:1px solid rgba(148,163,184,.35);box-shadow:0 22px 55px #000000e6;transition:all .3s ease}.ct3-photo-frame--gold{border-color:#facc15;box-shadow:0 22px 70px #000000f2,0 0 40px #facc1566}.ct3-photo-frame--cyan{border-color:#38bdf8;box-shadow:0 22px 70px #000000f2,0 0 40px #38bdf866}.ct3-photo-frame--silver{border-color:#e2e8f0;box-shadow:0 22px 70px #000000f2,0 0 40px #e2e8f066}.holo-flicker-gold{animation:holoPulseGold 3s infinite alternate ease-in-out}.holo-flicker-cyan{animation:holoPulseCyan 3s infinite alternate ease-in-out 1s}.holo-flicker-silver{animation:holoPulseSilver 3s infinite alternate ease-in-out 2s}@keyframes holoPulseGold{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(250,204,21,.3))}}@keyframes holoPulseCyan{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(56,189,248,.3))}}@keyframes holoPulseSilver{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(226,232,240,.3))}}.ct3-photo{width:100%;height:100%;object-fit:contain;padding:12px;filter:saturate(1.1) contrast(1.1);transform:scale(1.02)}.ct3-text{text-align:center}.ct3-title{font-family:Space Grotesk,sans-serif;font-size:.92rem;text-transform:uppercase;letter-spacing:.22em;color:#f9fafb}.ct3-sub{font-family:Inter Tight,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e5e7ebbf}@media(max-width:900px){.ct3-grid{grid-template-columns:1fr;gap:2rem}.ct3-photo-frame{width:70%;max-width:260px}}@media(max-width:768px){.ct3-title-card{padding:1.5rem 1rem}.ct3-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.ct3-photo-frame{width:160px;max-width:60%}.ct3-title{font-size:.8rem;letter-spacing:.18em}.ct3-sub{font-size:.65rem;letter-spacing:.12em}}@media(max-width:400px){.ct3-photo-frame{width:140px}.ct3-title{font-size:.75rem}}.ct4-overlay{position:absolute;inset:-2.2rem -3.2rem;z-index:50;display:flex;align-items:center;justify-content:center;border-radius:22px;overflow:hidden;font-family:Space Grotesk,sans-serif;background:#000;contain:strict}.ct4-overlay.scene-0{background:radial-gradient(circle at top,#0a0f1ef2,#000000fa)}.ct4-scanlines{position:absolute;inset:0;pointer-events:none;z-index:90;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.5) 3px)}.ct4-vignette{position:absolute;inset:0;pointer-events:none;z-index:80;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.9) 100%)}.ct4-noise{position:absolute;inset:-50%;width:200%;height:200%;opacity:.05;pointer-events:none;z-index:70;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:noiseAnim .2s infinite;will-change:transform}.ct4-title-wrapper{text-align:center;z-index:30;padding:2rem;animation:ct4-fadeOut 1s ease-in forwards 2.5s}.ct4-chapter-title{display:block;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2.4rem,3vw,3rem);letter-spacing:.32em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem;animation:ct4-slideDown 1s ease-out}.ct4-chapter-subtitle{display:block;font-family:Inter Tight,sans-serif;font-weight:300;font-size:.85rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3;animation:ct4-slideUp 1s ease-out}.ct4-error-container{position:absolute;inset:0;background:#1a0000;z-index:40}.ct4-glitch-text{position:absolute;color:#f33;font-family:Courier New,monospace;font-weight:700;letter-spacing:.1em;transform:translate(-50%,-50%);text-shadow:2px 0 #fff;animation:glitchShake .2s infinite}.ct4-glitch-text.big{top:50%;left:50%;font-size:2.5rem;border:4px solid #ff3333;padding:1.5rem;background:#000000e6}.ct4-red-overlay{position:absolute;inset:0;background:red;animation:strobe .1s infinite;opacity:.2}.ct4-reboot-container{position:absolute;inset:0;background:#fff;z-index:45;display:flex;align-items:center;justify-content:center;animation:flashFadeToBlue 6s ease-out forwards}.ct4-reboot-content{display:flex;flex-direction:column;align-items:center;width:300px}.ct4-reboot-text{color:#000;font-family:Courier New;font-size:.9rem;letter-spacing:.1em;margin-bottom:.5rem;font-weight:700}.ct4-reboot-sub{color:#000;font-family:Courier New;font-size:.7rem;letter-spacing:.1em;margin-top:.5rem;opacity:.7}.ct4-reboot-bar-bg{width:100%;height:6px;background:#0000001a;border-radius:99px;overflow:hidden}.ct4-reboot-bar-fill{width:0%;height:100%;background:#000;animation:loadBar 4.5s ease-in-out forwards .5s}.ct4-success-container{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;animation:successFlash .5s ease-out forwards}.ct4-success-stamp{border:4px solid #10b981;padding:1.5rem 3rem;color:#10b981;text-align:center;background:#10b9811a;box-shadow:0 0 50px #10b98166;transform:scale(3);opacity:0;animation:stampImpact .4s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ct4-success-icon{font-size:3rem;margin-bottom:.5rem}.ct4-success-text{font-family:Space Grotesk;font-weight:700;letter-spacing:.2em;font-size:1.2rem;line-height:1.4}.ct4-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ct4-holo-container{position:relative;width:900px;height:500px;perspective:1200px}.ct4-holo-floor{position:absolute;inset:0;transform:rotateX(55deg) scale(.9);transform-style:preserve-3d;border:1px solid rgba(56,189,248,.5);background:radial-gradient(circle at center,#0f172ae6,#000);box-shadow:0 0 100px #38bdf833;overflow:hidden;opacity:0;will-change:transform,opacity}.ct4-holo-floor.visible{animation:floorBuild 2.5s cubic-bezier(.175,.885,.32,1.275) forwards}.ct4-grid-lines{position:absolute;inset:-100%;width:300%;height:300%;background-image:linear-gradient(rgba(56,189,248,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.2) 1px,transparent 1px);background-size:50px 50px;animation:gridScroll 20s linear infinite;will-change:transform}.ct4-scanner-line{position:absolute;top:-5%;left:0;right:0;height:3px;background:#fff;box-shadow:0 0 20px #38bdf8;animation:scanOptimized 3s ease-in-out infinite;will-change:transform}.ct4-formation-layer{position:absolute;inset:0;transform:rotateX(55deg) scale(.9) translateY(-50px);transform-style:preserve-3d;z-index:10}.ct4-node-container{position:absolute;width:0;height:0}.ct4-target-reticle{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border:1px dashed #38bdf8;border-radius:50%;box-shadow:0 0 10px #38bdf8;transform:scale(2);opacity:0;animation:lockOn .8s ease-out forwards}.ct4-target-reticle.danger{border-color:#f33;box-shadow:0 0 20px #f33,inset 0 0 10px #f33;opacity:1;transform:scale(1);animation:targetAlert .2s infinite alternate}.ct4-meteor{position:absolute;left:-1px;bottom:0;width:2px;height:1500px;transform-origin:bottom center;transform:rotateX(-55deg) translateY(-1500px);background:linear-gradient(to top,#fff,#facc15 30%,transparent);box-shadow:0 0 20px #facc15;animation:meteorFall .6s cubic-bezier(.25,.46,.45,.94) forwards}.ct4-impact-wave{position:absolute;left:-25px;top:-25px;width:50px;height:50px;border:2px solid #fff;border-radius:50%;transform:scale(0);opacity:1;animation:shockwave .8s ease-out forwards}.ct4-dot-core{position:absolute;left:-4px;top:-4px;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 15px #facc15,0 0 30px #facc15;transform:scale(0);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.ct4-svg-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ct4-path{fill:none;stroke:#38bdf8;stroke-width:1px;stroke-dasharray:10 10;stroke-dashoffset:500;filter:drop-shadow(0 0 5px #38bdf8);opacity:.6}.seq-1{animation:drawLine 2s ease-out forwards}.seq-2{animation:drawLine 2s ease-out forwards 1s}.ct4-labels-layer{position:absolute;inset:0;pointer-events:none;z-index:30;display:flex;flex-direction:column;justify-content:space-between;padding:10% 20%}.ct4-label{background:#0f172ae6;padding:.4rem 1rem;border-left:3px solid #facc15;color:#38bdf8;font-size:.8rem;letter-spacing:.1em;opacity:0;animation:slideLabel 1s ease-out forwards;transition:all .5s}.label-front{align-self:flex-start}.label-mid{align-self:center}.label-back{align-self:flex-end}.ct4-status-bar{position:absolute;bottom:30px;width:100%;text-align:center;font-family:Courier New,monospace;font-size:.8rem;color:#38bdf8b3;transition:all .5s}.ct4-dot-core.success-dot{background:#10b981;box-shadow:0 0 15px #10b981,0 0 30px #10b981}.ct4-svg-lines.success-glow .ct4-path{stroke:#10b981;filter:drop-shadow(0 0 5px #10b981);opacity:.8}.ct4-labels-layer.success-text .ct4-label{color:#10b981;border-color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5)}.ct4-status-bar.success{color:#10b981;text-shadow:0 0 10px #10b981}@keyframes ct4-fadeOut{to{opacity:0}}@keyframes ct4-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ct4-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitchShake{0%{transform:translate(-52%,-48%)}to{transform:translate(-48%,-52%)}}@keyframes strobe{0%,to{opacity:.2}50%{opacity:0}}@keyframes flashFadeToBlue{0%{background:#fff;opacity:1}30%{background:#fff;opacity:1}to{background:transparent;opacity:0}}@keyframes loadBar{to{width:100%}}@keyframes floorBuild{0%{opacity:0;transform:rotateX(90deg) scale(.5)}to{opacity:1;transform:rotateX(55deg) scale(.9)}}@keyframes gridScroll{to{transform:translateY(50px)}}@keyframes scanOptimized{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(500px);opacity:0}}@keyframes lockOn{0%{transform:scale(3) rotate(45deg);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes targetAlert{0%{opacity:1;transform:scale(1);border-color:#f33}to{opacity:.5;transform:scale(.9);border-color:#fff}}@keyframes meteorFall{0%{transform:rotateX(-55deg) translateY(-1500px);opacity:1}80%{opacity:1}to{transform:rotateX(-55deg) translateY(0);opacity:0}}@keyframes shockwave{0%{transform:scale(0);opacity:1;border-width:5px}to{transform:scale(4);opacity:0;border-width:0px}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes slideLabel{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes noiseAnim{0%{transform:translate(0)}to{transform:translate(10px,10px)}}@keyframes stampImpact{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:900px){.ct4-holo-container{width:100%;height:350px;perspective:800px}.ct4-chapter-title{font-size:clamp(1.6rem,5vw,2rem);letter-spacing:.2em}.ct4-chapter-subtitle{font-size:.7rem;letter-spacing:.18em}.ct4-labels-layer{padding:5% 10%}.ct4-label{font-size:.7rem;padding:.3rem .8rem}.ct4-status-bar{font-size:.7rem;bottom:15px}.ct4-success-stamp{padding:1rem 2rem}.ct4-success-icon{font-size:2rem}.ct4-success-text{font-size:1rem;letter-spacing:.15em}.ct4-reboot-content{width:250px}.ct4-reboot-text{font-size:.8rem}.ct4-glitch-text.big{font-size:1.8rem;padding:1rem}}@media(max-width:500px){.ct4-holo-container{height:280px}.ct4-chapter-title{font-size:1.4rem;letter-spacing:.14em}.ct4-chapter-subtitle{font-size:.65rem}.ct4-label{font-size:.6rem;padding:.25rem .6rem}.ct4-glitch-text.big{font-size:1.4rem}.ct4-success-stamp{padding:.8rem 1.5rem}.ct4-success-text{font-size:.85rem}}.ct5-overlay{position:absolute;inset:-2.2rem -3.2rem;z-index:50;display:flex;align-items:center;justify-content:center;border-radius:22px;overflow:hidden;background:radial-gradient(circle at bottom,#1e1b4b,#020617 60%,#000);font-family:Space Grotesk,sans-serif}.ct5-cosmos-bg{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:40px 40px,90px 90px;animation:cosmicDrift 100s linear infinite}.ct5-nebula{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 60%);filter:blur(60px);animation:nebulaPulse 8s ease-in-out infinite alternate}.ct5-vignette{position:absolute;inset:0;pointer-events:none;z-index:9;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.8) 100%)}.ct5-title-wrapper{text-align:center;z-index:30;padding:2rem;animation:ct5-fadeOut 1s ease-in forwards 2.2s}.ct5-chapter-title{display:block;font-size:.9rem;letter-spacing:.22em;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;animation:ct5-slideDown 1s ease-out}.ct5-chapter-subtitle{display:block;font-size:1.4rem;font-weight:600;letter-spacing:.15em;color:#fff;text-transform:uppercase;text-shadow:0 0 20px rgba(255,255,255,.2);animation:ct5-slideUp 1s ease-out}.ct5-core-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.ct5-core-wrapper.expanded{opacity:0;pointer-events:none}.ct5-core-center{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 20px #fff,0 0 60px #8b5cf6;animation:heartBeat 1.5s ease-in-out infinite;z-index:10}.ct5-core-ring{position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.3);opacity:0}.ring-1{width:50px;height:50px;animation:ripple 2s linear infinite}.ring-2{width:50px;height:50px;animation:ripple 2s linear infinite .6s}.ct5-core-text{position:absolute;top:60px;font-family:Courier New;font-size:.7rem;letter-spacing:.2em;color:#a78bfa;animation:fadeInOut 1.5s infinite}.ct5-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ct5-constellation{position:relative;width:500px;height:500px}.ct5-star{position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);box-shadow:0 0 15px #fff,0 0 30px #8b5cf6}.node-center{animation:starBorn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.node-1{animation:expandFromCenter .8s cubic-bezier(.34,1.56,.64,1) forwards .1s}.node-2{animation:expandFromCenter .8s cubic-bezier(.34,1.56,.64,1) forwards .2s}.node-3{animation:expandFromCenter .8s cubic-bezier(.34,1.56,.64,1) forwards .3s}.node-4{animation:expandFromCenter .8s cubic-bezier(.34,1.56,.64,1) forwards .4s}.node-5{animation:expandFromCenter .8s cubic-bezier(.34,1.56,.64,1) forwards .5s}.ct5-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ct5-beam{fill:none;stroke:#a78bfa;stroke-width:2;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;filter:drop-shadow(0 0 5px #8b5cf6);animation:drawBeam 1s ease-out forwards}.ct5-beam-weak{fill:none;stroke:#a78bfa4d;stroke-width:1;stroke-dasharray:200;stroke-dashoffset:200;animation:drawBeam 2s ease-out forwards}.ct5-status-bar{position:absolute;bottom:40px;width:100%;text-align:center;font-family:Courier New,monospace;color:#ffffff80;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;animation:fadeInOut 3s infinite}@keyframes ct5-fadeOut{to{opacity:0}}@keyframes ct5-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ct5-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cosmicDrift{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nebulaPulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes ripple{0%{width:0px;height:0px;opacity:.8;border-width:4px}to{width:300px;height:300px;opacity:0;border-width:0px}}@keyframes heartBeat{0%{transform:scale(1);box-shadow:0 0 20px #fff}50%{transform:scale(1.2);box-shadow:0 0 40px #fff,0 0 80px #8b5cf6}to{transform:scale(1);box-shadow:0 0 20px #fff}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:1}}@keyframes starBorn{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1.5)}}@keyframes expandFromCenter{0%{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes drawBeam{to{stroke-dashoffset:0}}@media(max-width:768px){.ct5-title-wrapper{padding:1.5rem 1rem}.ct5-chapter-title{font-size:.75rem;letter-spacing:.18em}.ct5-chapter-subtitle{font-size:1.1rem;letter-spacing:.1em}.ct5-constellation{width:300px;height:300px}.ct5-star{width:12px;height:12px}.ct5-core-center{width:16px;height:16px}.ct5-core-text{font-size:.6rem;top:50px}.ct5-status-bar{font-size:.65rem;bottom:25px;letter-spacing:.2em}}@media(max-width:400px){.ct5-constellation{width:240px;height:240px}.ct5-chapter-subtitle{font-size:.95rem}}.ct6-overlay{position:absolute;inset:-2.2rem -3.2rem;z-index:50;display:flex;align-items:center;justify-content:center;border-radius:22px;overflow:hidden;background:#000;font-family:Courier New,monospace}.ct6-title-wrapper{text-align:center;z-index:30;padding:2rem;animation:ct6-fadeOut 1s ease-in forwards 2.2s}.ct6-chapter-title{display:block;font-family:Space Grotesk;font-size:3rem;color:#fff;margin-bottom:.5rem;animation:ct6-scaleIn 1s ease-out}.ct6-chapter-subtitle{display:block;font-size:.9rem;letter-spacing:.3em;color:#facc15;animation:ct6-fadeIn 1.5s ease-out}.ct6-camera-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ct6-camera-ui.shaking{animation:cameraShake .1s infinite linear}.ct6-hud-top{position:absolute;top:2rem;width:90%;display:flex;justify-content:space-between;color:#facc15;font-size:.8rem;letter-spacing:.1em;z-index:20}.ct6-rec-dot{animation:blinkRed .5s infinite alternate;color:red}.ct6-crosshair.center{position:absolute;width:20px;height:20px;border:1px solid rgba(255,255,255,.5);border-radius:50%;z-index:20}.ct6-corner{position:absolute;width:40px;height:40px;border-color:#ffffff4d;border-style:solid;z-index:20}.ct6-corner.tl{top:2rem;left:2rem;border-width:2px 0 0 2px}.ct6-corner.tr{top:2rem;right:2rem;border-width:2px 2px 0 0}.ct6-corner.bl{bottom:2rem;left:2rem;border-width:0 0 2px 2px}.ct6-corner.br{bottom:2rem;right:2rem;border-width:0 2px 2px 0}.ct6-aperture-container{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;background:#000;border:4px solid #333}.ct6-aperture-blade{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;transform-origin:center;clip-path:polygon(0 0,100% 0,50% 50%);border-bottom:1px solid #333}.blade-1{transform:rotate(0);animation:bladeOpen 1.5s ease-out forwards .2s}.blade-2{transform:rotate(60deg);animation:bladeOpen 1.5s ease-out forwards .2s}.blade-3{transform:rotate(120deg);animation:bladeOpen 1.5s ease-out forwards .2s}.blade-4{transform:rotate(180deg);animation:bladeOpen 1.5s ease-out forwards .2s}.blade-5{transform:rotate(240deg);animation:bladeOpen 1.5s ease-out forwards .2s}.blade-6{transform:rotate(300deg);animation:bladeOpen 1.5s ease-out forwards .2s}.ct6-focus-ring{position:absolute;width:250px;height:250px;border:3px dashed #facc15;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#facc15;font-weight:700;letter-spacing:.2em;animation:focusHuntAggressive .8s ease-in-out infinite alternate}.ct6-shutter-mechanism{position:absolute;inset:0;z-index:10;overflow:hidden}.ct6-burst-strobe{position:absolute;inset:0;background:#fff;opacity:0;animation:burstStrobe .3s steps(1) 6}.ct6-shutter-curtain{position:absolute;left:0;width:100%;height:55%;background:linear-gradient(to bottom,#222,#111);border-bottom:3px solid #444;box-shadow:0 0 20px #000c}.ct6-shutter-curtain.top{top:0;transform:translateY(-100%);animation:shutterSnapTop .3s cubic-bezier(.1,.9,.2,1) 6}.ct6-shutter-curtain.bottom{bottom:0;transform:translateY(100%);border-bottom:none;border-top:3px solid #444;animation:shutterSnapBottom .3s cubic-bezier(.1,.9,.2,1) 6}.ct6-white-flash{position:absolute;inset:0;background:#fff;z-index:100;animation:fullFlashHold 1s ease-out forwards}@keyframes ct6-fadeOut{to{opacity:0}}@keyframes ct6-scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ct6-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blinkRed{0%{opacity:1}to{opacity:.3}}@keyframes bladeOpen{to{transform:rotate(var(--r)) translateY(-120%) scale(.8);opacity:0}}@keyframes focusHuntAggressive{0%{transform:scale(.8) rotate(0);filter:blur(10px);opacity:.5;border-color:red;color:red}50%{transform:scale(1.4) rotate(5deg);filter:blur(5px);opacity:.8}to{transform:scale(1) rotate(0);filter:blur(0);opacity:1;border-color:#facc15;color:#facc15}}@keyframes shutterSnapTop{0%{transform:translateY(-100%)}40%{transform:translateY(0)}60%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes shutterSnapBottom{0%{transform:translateY(100%)}40%{transform:translateY(0)}60%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes burstStrobe{0%{opacity:0}40%{opacity:1}60%{opacity:0}}@keyframes cameraShake{0%{transform:translate(0)}25%{transform:translate(-5px,3px)}50%{transform:translate(4px,-4px)}75%{transform:translate(-3px,2px)}to{transform:translate(0)}}@keyframes fullFlashHold{0%{opacity:0}10%{opacity:1}to{opacity:1}}@media(max-width:768px){.ct6-title-wrapper{padding:1.5rem 1rem}.ct6-chapter-title{font-size:2rem}.ct6-chapter-subtitle{font-size:.75rem;letter-spacing:.2em}.ct6-aperture-container{width:200px;height:200px}.ct6-focus-ring{width:180px;height:180px;font-size:.7rem}.ct6-hud-top{top:1rem;font-size:.65rem}.ct6-corner{width:30px;height:30px}.ct6-corner.tl,.ct6-corner.tr{top:1rem}.ct6-corner.bl,.ct6-corner.br{bottom:1rem}.ct6-corner.tl,.ct6-corner.bl{left:1rem}.ct6-corner.tr,.ct6-corner.br{right:1rem}}@media(max-width:400px){.ct6-chapter-title{font-size:1.6rem}.ct6-aperture-container{width:160px;height:160px}.ct6-focus-ring{width:140px;height:140px}}.c7-cinematic-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000;border-radius:28px;overflow:hidden;font-family:Courier New,monospace;contain:strict}.c7-title-wrapper{text-align:center;z-index:30;padding:2rem;animation:c7-fadeOut .5s ease-in forwards 2.5s}.c7-chapter-title{display:block;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(2rem,3vw,3rem);letter-spacing:.22em;color:#fff;margin-bottom:.8rem;text-transform:uppercase;animation:c7-slideDown 1s ease-out}.c7-chapter-subtitle{display:block;font-family:Inter Tight,sans-serif;font-weight:300;font-size:.9rem;letter-spacing:.15em;color:#ffffffb3;text-transform:uppercase;animation:c7-slideUp 1s ease-out}.c7-3d-wrapper{position:absolute;inset:0;width:100%;height:100%;opacity:0;background:#020617;animation:c7-fadeIn 1s ease-out forwards;z-index:1}.c7-3d-wrapper canvas{width:100%!important;height:100%!important;outline:none}.c7-scanlines{position:absolute;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.3) 3px)}.c7-loader{color:#38bdf8;font-family:Courier New;letter-spacing:.2em;font-size:.8rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.c7-story-ui{position:absolute;inset:0;pointer-events:none;z-index:30;display:flex;align-items:center;justify-content:center}.story-text{color:#38bdf8;font-size:1rem;letter-spacing:.2em;animation:pulseText 1s infinite}.story-panel{position:absolute;top:50%;transform:translateY(-50%);background:#020617cc;border:1px solid rgba(255,255,255,.1);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideIn .5s ease-out forwards}.story-panel.left{left:10%;text-align:left;border-left:3px solid #38bdf8}.story-panel.right{right:10%;text-align:right;border-right:3px solid #fff}.story-panel h2{margin:0 0 .5rem;color:#fff;font-family:Space Grotesk;font-size:1.5rem;text-transform:uppercase}.story-panel p{margin:0;color:#94a3b8;font-size:.8rem;line-height:1.6}.story-center-warning{text-align:center;animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}.story-center-warning h1{font-family:Space Grotesk;font-size:3.5rem;color:#facc15;text-transform:uppercase;margin:0;text-shadow:0 0 30px rgba(250,204,21,.6)}.story-center-warning p{color:#fff;letter-spacing:.3em;margin-top:1rem;font-weight:700}@keyframes c7-fadeOut{to{opacity:0}}@keyframes c7-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes c7-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes c7-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.c7-title-wrapper{padding:1.5rem 1rem}.c7-chapter-title{font-size:clamp(1.5rem,5vw,2rem);letter-spacing:.16em}.c7-chapter-subtitle{font-size:.75rem;letter-spacing:.1em}.story-panel{padding:1rem;max-width:80%}.story-panel.left{left:5%}.story-panel.right{right:5%}.story-panel h2{font-size:1.1rem}.story-panel p{font-size:.7rem}.story-center-warning h1{font-size:2.2rem}.story-center-warning p{font-size:.75rem;letter-spacing:.2em}.story-text{font-size:.85rem}}@media(max-width:400px){.c7-chapter-title{font-size:1.3rem;letter-spacing:.12em}.story-center-warning h1{font-size:1.8rem}.story-panel h2{font-size:1rem}}:root{--game-bg: #050b14;--game-gold: #facc15}.chapter-seven-layout{width:100%;display:flex;flex-direction:column;gap:2rem}.c7-intro-text{width:100%;max-width:600px;padding-left:1rem}.c7-intro-text p{font-size:1.1rem;line-height:1.6;color:#e2e8f0;margin-bottom:.5rem}.gold-text{color:var(--game-gold);font-weight:700}.sub-text{font-size:.95rem;color:#94a3b8!important}.c7-game-container-wide{width:100%;display:flex;justify-content:center}.game-wrapper{position:relative;width:100%;max-width:100%;max-height:700px;aspect-ratio:4 / 1;min-height:500px;background:radial-gradient(circle at 50% 130%,#1e1b4b,#020617 60%,#000);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #000c,0 20px 40px -10px #000000f2,inset 0 0 50px #000000b3;overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.arena-bg{position:absolute;inset:0;pointer-events:none}.arena-lights{position:absolute;top:-50px;left:0;width:100%;height:200px;background:radial-gradient(ellipse at top,rgba(96,165,250,.2),transparent 70%);opacity:.6}.arena-floor-grid{position:absolute;bottom:0;width:100%;height:300px;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;transform:perspective(1000px) rotateX(65deg);-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#000 100%);pointer-events:none}.football-container{position:absolute;left:50%;width:80px;height:80px;z-index:10;pointer-events:none;will-change:transform;transform-origin:center center}.football-asset{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--energy-color));transition:filter .3s ease;will-change:transform}.football-glow{position:absolute;inset:10%;border-radius:50%;background:var(--energy-color);opacity:.3;filter:blur(20px);z-index:-1}.impact-ripple{position:absolute;width:120px;height:30px;border-radius:50%;border:3px solid #fff;transform:translate(-50%,50%) scale(.5);opacity:1;animation:rippleExpand .4s ease-out forwards}@keyframes rippleExpand{to{transform:translate(-50%,50%) scale(2.5);opacity:0;border-width:0}}.game-hud{position:absolute;top:0;left:0;right:0;padding:1.5rem 2rem;display:flex;justify-content:space-between;pointer-events:none;z-index:20}.hud-label{display:block;font-size:.7rem;color:#94a3b8;letter-spacing:.15em;margin-bottom:6px;text-transform:uppercase}.hud-value{font-size:.8rem;color:#fff;font-weight:600;letter-spacing:.1em}.hud-bars{display:flex;gap:6px}.hud-bar{width:10px;height:6px;background:#ffffff1a;border-radius:3px;transition:all .3s}.hud-bar.filled{background:var(--energy-color);box-shadow:0 0 8px var(--energy-color)}.hud-center-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #000c;pointer-events:none}.score-main{font-family:Space Grotesk,sans-serif;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4);z-index:1}.start-message,.game-over-screen,.win-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#020617e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;animation:fadeIn .3s ease;text-align:center}.start-btn-look{font-family:Space Grotesk;font-size:.9rem;letter-spacing:.2em;color:#fff;border:1px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:99px;text-transform:uppercase;animation:pulseBorder 2s infinite;background:#0006}.win-badge{font-size:.7rem;letter-spacing:.3em;color:var(--game-gold);margin-bottom:.8rem;text-transform:uppercase}.win-title{font-size:3rem;font-weight:900;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 0 30px rgba(250,204,21,.6)}.win-sub{font-family:Courier New,monospace;color:#cbd5e1;font-size:.9rem;margin-bottom:2rem;letter-spacing:.05em}.game-over-screen p{margin-bottom:2rem;color:#cbd5e1;font-size:.9rem}.glitch-text{font-size:2.5rem;color:#ef4444;font-weight:800;margin-bottom:.5rem;letter-spacing:.1em;text-transform:uppercase}.retry-btn{padding:1rem 3rem;background:transparent;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.25,1,.5,1)}.retry-btn:hover{background:#fff;color:#000;box-shadow:0 0 20px #fff6;transform:translateY(-1px)}.retry-btn.premium{border-color:var(--game-gold);color:var(--game-gold)}.retry-btn.premium:hover{background:var(--game-gold);color:#000;box-shadow:0 0 30px #facc1599}.shaking{animation:screenShake .2s ease-in-out}@keyframes screenShake{0%{transform:translate(0)}25%{transform:translate(-3px,3px)}75%{transform:translate(3px,-3px)}}@keyframes pulseBorder{0%,to{border-color:#ffffff4d}50%{border-color:#facc15;box-shadow:0 0 10px #facc154d}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-popup{position:absolute;left:50%;transform:translate(-50%);font-weight:800;letter-spacing:.1em;font-size:1.1rem;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:popUp .8s ease-out forwards;z-index:30}@keyframes popUp{0%{transform:translate(-50%,20px) scale(.8);opacity:0}20%{opacity:1;transform:translate(-50%) scale(1.1)}to{transform:translate(-50%,-30px) scale(1);opacity:0}}.win-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;top:-20px;width:6px;height:6px;border-radius:2px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(500px) rotate(360deg)}}@media(max-width:1200px){.game-wrapper{min-width:100%;max-height:400px;aspect-ratio:3 / 1;border-radius:12px}}@media(max-width:768px){.chapter-seven-layout{gap:1.5rem}.c7-intro-text{padding-left:0;max-width:100%}.c7-intro-text p{font-size:1rem}.game-wrapper{min-width:100%;min-height:350px;max-height:350px;aspect-ratio:auto;border-radius:12px}.football-container{width:60px;height:60px}.game-hud{padding:1rem}.hud-label{font-size:.6rem}.hud-value{font-size:.7rem}.hud-center-score{width:100px;height:100px}.score-main{font-size:2.5rem}.win-title{font-size:2rem}.glitch-text{font-size:1.8rem}.start-btn-look{font-size:.8rem;padding:.8rem 1.5rem}.retry-btn{padding:.8rem 2rem;font-size:.8rem}.arena-floor-grid{height:200px}}@media(max-width:500px){.game-wrapper{min-height:280px;max-height:280px}.football-container{width:50px;height:50px}.hud-center-score{width:80px;height:80px}.score-main{font-size:2rem}.win-title{font-size:1.6rem}.glitch-text{font-size:1.5rem}.win-sub,.game-over-screen p{font-size:.8rem}}:root{--cinematic-bg: #000000;--cinematic-gold: #facc15;--cinematic-white: #f8fafc;--cinematic-sub: #94a3b8}.c8-container{position:fixed;inset:0;background:var(--cinematic-bg);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden}.c8-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,black 100%);pointer-events:none}.c8-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.c8-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:900px;will-change:opacity,transform}.cinematic-title-lg{font-size:clamp(3rem,6vw,5rem);font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;color:var(--cinematic-white);opacity:0}.cinematic-title-lg.hollow{color:transparent;-webkit-text-stroke:2px var(--cinematic-white);margin-bottom:1rem;text-transform:uppercase;opacity:0}.cinematic-text{font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.6;color:var(--cinematic-sub);max-width:600px;opacity:0;font-weight:300}.gold-highlight{color:var(--cinematic-gold);text-shadow:0 0 20px rgba(250,204,21,.4)}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.3em;color:var(--cinematic-gold);margin-bottom:1.5rem;opacity:0}.anim-fade-up{animation:c8FadeInUp 1.2s cubic-bezier(.22,1,.36,1) forwards;will-change:opacity,transform}.anim-fade-in{animation:fadeIn 1.5s ease-out forwards;will-change:opacity,filter}.c8-delay-1{animation-delay:.3s}.c8-delay-2{animation-delay:1.2s}.c8-delay-3{animation-delay:3s}@keyframes c8FadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.c8-skip{position:fixed;bottom:40px;right:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--cinematic-sub);padding:10px 24px;border-radius:100px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s;z-index:10000}.c8-skip:hover{background:var(--cinematic-white);color:#000}@media(max-width:768px){.c8-wrapper{padding:1.5rem}.c8-scene{max-width:100%}.cinematic-title-lg{font-size:clamp(2rem,8vw,3rem);letter-spacing:.03em}.cinematic-title-lg.hollow{-webkit-text-stroke:1.5px var(--cinematic-white)}.cinematic-text{font-size:clamp(1rem,4vw,1.2rem);max-width:100%}.eyebrow{font-size:.7rem;letter-spacing:.2em;margin-bottom:1rem}.c8-skip{bottom:20px;right:20px;padding:8px 18px;font-size:.7rem}}@media(max-width:400px){.cinematic-title-lg{font-size:1.8rem}.cinematic-text{font-size:.95rem}.eyebrow{font-size:.65rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020617;--bg-soft: #050b1b;--text: #e2e8f0;--primary: #00e5ff;--secondary: #facc15;--card-bg: rgba(15, 23, 42, .9);--radius: 16px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif;background:#000;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}#root{min-height:100vh}.intro-root{position:fixed;inset:0;min-height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;transform-origin:center center;z-index:1000;background:var(--bg);color:#e5e7eb;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;animation:intro-fade-in .6s ease-out forwards}.intro-root:before{content:"";position:absolute;inset:-2px;background-image:repeating-linear-gradient(to bottom,rgba(15,23,42,.4) 0,rgba(15,23,42,.4) 1px,transparent 1px,transparent 3px);opacity:.25;mix-blend-mode:soft-light;pointer-events:none;z-index:0}.intro-inner{position:relative;z-index:1;width:min(1120px,100%);display:flex;flex-direction:column;align-items:center;gap:2.5rem}.intro-title{text-align:center}.intro-title h1{font-size:clamp(2.6rem,3.6vw,3.8rem);letter-spacing:.14em;text-transform:uppercase;animation:intro-title-float 7s ease-in-out infinite}.intro-subtitle{margin-top:.55rem;font-size:.95rem;color:#d1d5db}.intro-author{margin-top:.6rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#d1d5db99;line-height:1.8}.intro-author .author-name{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.22em;margin-top:.2rem;background:linear-gradient(to right,#e5e7eb,#f4e5b5,#facc15);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(250,204,21,.25))}.intro-title-line{width:380px;height:3px;margin:1rem auto 0;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);filter:drop-shadow(0 0 10px rgba(255,255,255,.7));border-radius:999px}.intro-main{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:3.5rem;padding-top:.5rem}.intro-panel{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;transition:transform .18s ease,opacity .18s ease,filter .18s ease;z-index:2}.intro-panel-left:before,.intro-panel-right:before{content:"";position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:180px;height:300px;border-radius:50%/70%;z-index:1;opacity:.55;filter:blur(2px)}.intro-panel-left:before{background:radial-gradient(ellipse at 50% 50%,rgba(255,210,71,.16) 0%,rgba(212,175,55,.12) 28%,rgba(184,134,11,.08) 55%,transparent 85%)}.intro-bio-small{text-align:center;margin-top:.4rem;color:#fff0c8cc;font-size:.75rem;letter-spacing:.05em;display:flex;flex-direction:column;gap:.15rem}.intro-bio-small strong{font-size:.85rem;color:#ffe8a3}.intro-panel-right:before{background:radial-gradient(ellipse at 50% 50%,rgba(14,42,99,.25) 0%,rgba(22,62,138,.2) 35%,transparent 75%)}.intro-panel{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4rem;transition:transform .18s ease,opacity .18s ease,filter .18s ease;z-index:2;opacity:.95;filter:grayscale(.04)}.intro-focus-left .intro-panel-left{opacity:1;filter:none;transform:translateY(-8px)}.intro-focus-left .intro-panel-right{opacity:.45;filter:grayscale(.4) brightness(.85)}.intro-focus-right .intro-panel-right{opacity:1;filter:none;transform:translateY(-8px)}.intro-focus-right .intro-panel-left{opacity:.45;filter:grayscale(.4) brightness(.85)}.intro-character{position:relative;z-index:2}.intro-character img{height:clamp(290px,48vh,360px);object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(255,255,255,.08));transition:transform .18s ease,filter .18s ease}.intro-panel:hover .intro-character img{transform:scale(1.12);filter:drop-shadow(0 26px 45px rgba(0,0,0,.95)) drop-shadow(0 0 30px rgba(250,250,250,.4))}.intro-label{position:relative;text-align:center;text-transform:uppercase;letter-spacing:.18em;z-index:3;margin-top:.4rem;padding:.85rem 2.4rem;border-radius:999px;background:radial-gradient(circle at top,#0f172a52,#0f172ac7);border:1px solid rgba(248,250,252,.16);box-shadow:0 22px 45px #000000e6,0 0 0 1px #0f172ae6;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);display:inline-block}.intro-label:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 40%,transparent 60%,rgba(15,23,42,.5));opacity:.55;pointer-events:none}.intro-label h2{font-size:1.2rem;font-weight:800;color:#f9fafb;letter-spacing:.22em}.intro-label span{display:block;margin-top:.35rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.35)}body{font-family:Inter Tight,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.intro-title h1,.intro-label h2,.intro-label span{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.intro-ball-float{position:absolute;width:60px;height:60px;border-radius:50%;background:url(/football.png) center/contain no-repeat;box-shadow:none;border:none;outline:none;filter:none;animation:ball-float 3.2s ease-in-out infinite;pointer-events:none;z-index:3}.intro-ball-float--top{top:24%;left:6%;animation-delay:0s}.intro-ball-float--mid{top:46%;left:3%;animation-delay:.25s}.intro-ball-float--bottom{top:68%;left:8%;animation-delay:.5s}.intro-panel-left:hover .intro-ball-float{animation-name:ball-float-spin}@keyframes ball-float{0%{transform:translateY(0) scale(1);opacity:.92}50%{transform:translateY(-12px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:.92}}@keyframes ball-float-spin{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-18px) scale(1.06) rotate(180deg)}to{transform:translateY(0) scale(1) rotate(360deg)}}.intro-laptop{position:absolute;z-index:3;pointer-events:none;transform:translate(calc(var(--parallax-x, 0) * var(--px-multiplier, 0px)),calc(var(--parallax-y, 0) * var(--py-multiplier, 0px)))}.intro-laptop img{width:70px;height:auto;display:block;filter:drop-shadow(0 0 16px rgba(56,140,255,.7));animation:laptop-float 3.4s ease-in-out infinite;transition:transform .2s ease-out,filter .2s ease-out}.intro-laptop--top{top:24%;right:8%;--px-multiplier: -14px;--py-multiplier: -10px}.intro-laptop--mid{top:46%;right:11%;--px-multiplier: -10px;--py-multiplier: -6px}.intro-laptop--bottom{top:68%;right:6%;--px-multiplier: -18px;--py-multiplier: -12px}@keyframes laptop-float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.intro-panel-right:hover .intro-laptop img{transform:translateY(-4px);filter:drop-shadow(0 0 26px rgba(56,189,248,.95))}.intro-rift{position:absolute;top:50%;left:50%;width:300px;height:80vh;transform:translate(-50%,-40%);z-index:0;pointer-events:none;display:flex;justify-content:center;align-items:center;mask-image:linear-gradient(to bottom,black 0%,black 85%,transparent 0%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 85%,transparent 0%)}.intro-rift:before{content:"";position:absolute;inset:0;background-image:url(/assets/image_10-DWOIdpMK.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:dna-pulse 4s ease-in-out infinite}@keyframes dna-pulse{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.2)}}.intro-particle{position:absolute;width:4px;height:4px;border-radius:999px;background:#f6d970;box-shadow:0 0 10px #f6d970f2;opacity:.95;pointer-events:none;animation:intro-particle-fall 1.8s linear infinite}@keyframes intro-particle-fall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(160px) scale(.3);opacity:0}}.intro-enter{margin-top:2.6rem;display:flex;justify-content:center}.intro-enter-button{position:relative;padding:1.05rem 3.4rem;border-radius:9999px;border:none;cursor:pointer;background:radial-gradient(circle at 50% 0%,#fef9c3,#facc15 35%,#a16207);color:#111827;font-weight:900;letter-spacing:.28em;text-transform:uppercase;font-size:.83rem;box-shadow:0 0 20px #facc15f2,0 18px 40px #000000e6;text-align:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.intro-enter-button:before{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.55);opacity:.65;pointer-events:none}.intro-enter-button:after{content:"";position:absolute;top:-30%;left:-40%;width:40%;height:160%;background:linear-gradient(120deg,#ffffffe6,#ffffff1a);transform:translate(0) skew(-20deg);opacity:0}.intro-enter-button span,.intro-enter-button{position:relative;z-index:1}.intro-enter-button:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.07);box-shadow:0 0 32px #facc15,0 24px 55px #000000f2}.intro-enter-button:hover:after{opacity:1;transform:translate(260%) skew(-20deg);transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .2s ease-out}.intro-enter-button:active{transform:translateY(2px) scale(.96);box-shadow:0 0 16px #facc15cc,0 14px 30px #000000e6}.intro-root:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;transition:opacity .18s ease,background .18s ease;opacity:0}.intro-focus-left:after{opacity:1;background:linear-gradient(90deg,transparent 0%,transparent 45%,rgba(0,0,0,.65) 100%)}.intro-focus-right:after{opacity:1;background:linear-gradient(270deg,transparent 0%,transparent 45%,rgba(0,0,0,.65) 100%)}@keyframes intro-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes intro-button-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.06)}}@keyframes intro-button-shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.intro-title-line{animation:title-line-pulse 2.2s ease-in-out infinite}@keyframes title-line-pulse{0%{filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 14px rgba(255,255,255,.9))}to{filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}}@media(max-width:880px){.intro-main{flex-direction:column;gap:2.2rem;align-items:center}.intro-panel-left:before,.intro-panel-right:before{width:220px;height:220px}.intro-rift{height:80vh}.intro-enter{margin-top:2rem}.intro-ball-float--top,.intro-ball-float--mid,.intro-ball-float--bottom{left:10%}}.intro-locked{overflow:hidden}.intro-root--portal{transition:filter .2s ease-out;filter:brightness(1.05)}.intro-portal{position:fixed;inset:0;z-index:999999}.intro-portal-world{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:0;opacity:0;background:radial-gradient(circle at top,#141824,#020308 55%,#000);z-index:0;animation:portal-world-open 1s ease-out forwards}@keyframes portal-world-open{0%{width:0;opacity:0}40%{width:30vw;opacity:1}to{width:70vw;opacity:1}}.intro-portal-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffffffe6,#f6d970d9 20%,#0a0a0a00 55%);opacity:0;animation:portal-flash .6s ease-out forwards}@keyframes portal-flash{0%{opacity:0}15%{opacity:1}60%{opacity:.5}to{opacity:0}}.intro-root--zoom{animation:intro-zoom-in .9s ease-out forwards}@keyframes intro-zoom-in{0%{transform:scale(1)}to{transform:scale(1.45)}}.intro-root--zoom:after{content:"";position:fixed;inset:0;z-index:99998;background:#020308;pointer-events:none;opacity:0;animation:intro-zoom-mask .9s ease-out forwards}@keyframes intro-zoom-mask{0%{opacity:0}60%{opacity:0}to{opacity:1}}.contact{padding:4rem 1.5rem 5rem;background:radial-gradient(circle at top,#020617,#020617 40%,#000);color:#e5e7eb}.section-header{text-align:center;max-width:720px;margin:0 auto 2.5rem}.section-header h2{font-size:clamp(2rem,3vw,2.4rem);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.section-header p{color:#9ca3af;font-size:.98rem}.contact-grid{max-width:960px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem}.contact-form,.contact-info{background:#0f172aeb;border-radius:18px;padding:1.75rem 1.9rem;box-shadow:0 22px 45px #000000b3;border:1px solid rgba(148,163,184,.22)}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.1rem}.field label{font-size:.86rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.field input,.field textarea{background:#0f172ae6;border-radius:10px;border:1px solid rgba(55,65,81,.9);padding:.7rem .85rem;font-size:.95rem;color:#e5e7eb;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.field input::placeholder,.field textarea::placeholder{color:#6b7280}.field input:focus,.field textarea:focus{border-color:#38bdf8e6;box-shadow:0 0 0 1px #38bdf8b3;background:#0f172a}.btn-primary{margin-top:.4rem;padding:.85rem 2.4rem;border-radius:9999px;border:none;background:linear-gradient(90deg,#facc15,#f59e0b);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;cursor:pointer;color:#111827;box-shadow:0 0 14px #facc15e6,0 12px 28px #000000d9;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.06);box-shadow:0 0 22px #facc15,0 16px 36px #000000e6}.btn-primary:active{transform:translateY(1px) scale(.97)}.contact-info h3{font-size:1.05rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.1rem}.contact-info ul{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.3rem}.contact-info li{display:flex;flex-direction:column;gap:.2rem}.contact-info li span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#9ca3af}.contact-info a{font-size:.95rem;color:#38bdf8}.contact-info a:hover{text-decoration:underline}.contact-note{font-size:.85rem;color:#9ca3af;border-top:1px solid rgba(55,65,81,.9);padding-top:.85rem}@media(max-width:880px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact{padding:3rem 1.3rem 4rem}}.chapters-enter{opacity:0;transform:translateY(40px);animation:chapters-enter-fade .9s ease-out forwards}@keyframes chapters-enter-fade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes chapters-enter-zoom{0%{opacity:0;transform:scale(1.35);filter:brightness(1.5)}40%{opacity:1;transform:scale(1.15);filter:brightness(1.2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes chapters-enter-anim{0%{opacity:0;transform:scale(1.6);filter:brightness(1.8)}40%{opacity:1;transform:scale(1.2);filter:brightness(1.2)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.chapters-transition-overlay{position:fixed;inset:0;background:#020617;z-index:9999;pointer-events:none;transform:scale(3);opacity:1;animation:chapters-overlay-anim 1.6s ease-out forwards}@keyframes chapters-overlay-anim{0%{transform:scale(3);opacity:1}60%{opacity:1}to{transform:scale(1);opacity:0}}body.cinematic-open .chapter-sidebar{display:none!important}body{font-family:Inter Tight,sans-serif}.intro-character img{animation:char-breathe 4s ease-in-out infinite}@keyframes char-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.intro-panel:hover .intro-character img{animation:none}html,body{background-color:#020308;margin:0;padding:0;width:100%}.orbit-wrapper{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center;perspective:1000px;z-index:2}.intro-character{position:relative;z-index:5;pointer-events:none}.intro-character img{height:clamp(290px,48vh,360px);object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.9));transition:transform .3s ease}.orbit-ring{position:absolute;width:320px;height:320px;top:50%;left:50%;transform-style:preserve-3d;transform:translate(-50%,-40%) rotateX(75deg)}.orbit-item{position:absolute;top:50%;left:50%;width:50px;height:50px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotate(calc(var(--i) * 120deg)) translate(160px)}.orbit-item img{width:100%;height:auto;display:block;transform:rotateX(-75deg);animation:orbit-counter-spin 8s linear infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.orbit-ring{animation:orbit-spin 8s linear infinite}.orbit-ring--reverse{animation:orbit-spin-reverse 10s linear infinite}.orbit-ring--reverse .orbit-item img{animation:orbit-counter-spin-reverse 10s linear infinite}@keyframes orbit-spin{0%{transform:translate(-50%,-40%) rotateX(75deg) rotate(0)}to{transform:translate(-50%,-40%) rotateX(75deg) rotate(360deg)}}@keyframes orbit-spin-reverse{0%{transform:translate(-50%,-40%) rotateX(75deg) rotate(360deg)}to{transform:translate(-50%,-40%) rotateX(75deg) rotate(0)}}@keyframes orbit-counter-spin{0%{transform:rotate(0) rotateX(-75deg)}to{transform:rotate(-360deg) rotateX(-75deg)}}@keyframes orbit-counter-spin-reverse{0%{transform:rotate(360deg) rotateX(-75deg)}to{transform:rotate(0) rotateX(-75deg)}}.orbit-item img{transition:filter .2s}@media(max-width:880px){.orbit-wrapper{width:300px;height:300px}.orbit-ring{width:260px;height:260px;transform:translate(-50%,-30%) rotateX(70deg)}.orbit-item{transform:translate(-50%,-50%) rotate(calc(var(--i) * 120deg)) translate(130px)}}.intro-character img{max-width:100%;display:block}.orbit-item img{width:100%;height:auto;display:block}.orbit-wrapper{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center;perspective:1000px!important;transform-style:preserve-3d!important;z-index:2}.intro-character{position:absolute;z-index:auto!important;transform:translateZ(0)!important;pointer-events:none}.intro-character img{transform-style:preserve-3d!important;animation:none!important}.orbit-ring{position:absolute;width:320px;height:320px;top:50%;left:50%;transform-style:preserve-3d!important;animation:orbit-spin-fixed 12s linear infinite!important}.orbit-item{position:absolute;top:50%;left:50%;width:70px!important;height:70px!important;transform-style:preserve-3d!important;transform-origin:center center!important;transform:rotate(calc(var(--i) * 120deg)) translate(160px)!important}.orbit-item img{width:100%!important;height:100%!important;object-fit:contain!important;display:block;transform-style:preserve-3d;animation:orbit-item-rotate-z 12s linear infinite!important;transform:none}.ball img{animation:orbit-item-rotate-z-and-wiel-spin 4s linear infinite,orbit-item-rotate-z 12s linear infinite!important;animation-duration:4s,12s!important;animation-timing-function:linear,linear!important;animation-iteration-count:infinite,infinite!important}.laptop img{animation:orbit-item-rotate-z-and-y-spin 12s linear infinite!important}.orbit-ring--reverse{animation:orbit-spin-reverse-fixed 12s linear infinite!important}.orbit-ring--reverse .ball img{animation:orbit-item-rotate-z-and-wiel-spin-reverse 4s linear infinite,orbit-item-rotate-z-reverse 12s linear infinite!important;animation-duration:4s,12s!important;animation-timing-function:linear,linear!important;animation-iteration-count:infinite,infinite!important}.orbit-ring--reverse .laptop img{animation:orbit-item-rotate-z-and-y-spin-reverse 12s linear infinite!important}@keyframes orbit-spin-fixed{0%{transform:translate(-50%,-40%) rotateX(15deg) rotate(0)}to{transform:translate(-50%,-40%) rotateX(15deg) rotate(360deg)}}@keyframes orbit-spin-reverse-fixed{0%{transform:translate(-50%,-40%) rotateX(15deg) rotate(360deg)}to{transform:translate(-50%,-40%) rotateX(15deg) rotate(0)}}@keyframes orbit-item-rotate-z{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes orbit-item-rotate-z-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes orbit-item-rotate-z-and-wiel-spin{0%{transform:rotateY(-15deg) rotate(0)}to{transform:rotateY(-15deg) rotate(360deg)}}@keyframes orbit-item-rotate-z-and-wiel-spin-reverse{0%{transform:rotateY(-15deg) rotate(360deg)}to{transform:rotateY(-15deg) rotate(0)}}@keyframes orbit-item-rotate-z-and-y-spin{0%{transform:rotateX(-15deg) rotate(0) rotateY(0)}to{transform:rotateX(-15deg) rotate(-360deg) rotateY(360deg)}}@keyframes orbit-item-rotate-z-and-y-spin-reverse{0%{transform:rotateX(-15deg) rotate(360deg) rotateY(360deg)}to{transform:rotateX(-15deg) rotate(0) rotateY(0)}}@media(max-width:880px){.orbit-ring{transform:translate(-50%,-30%) rotateX(15deg)}}html{height:100%;overflow-y:scroll;overflow-x:hidden;background-color:#020308}body{min-height:100%;margin:0;padding:0;overflow:visible!important;font-family:Inter Tight,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100%;overflow:visible}html.cinematic-open,html:has(.cinematic-overlay){overflow-y:hidden!important}@media(max-width:1200px){.intro-root{padding:2.5rem 1.5rem 3rem}.intro-inner{width:min(960px,100%)}.intro-main{gap:2.5rem}.intro-character img{height:clamp(260px,44vh,320px)}.intro-label{padding:.75rem 2rem}.orbit-wrapper{width:340px;height:340px}.orbit-ring{width:280px;height:280px}}@media(max-width:880px){.intro-root{padding:2.2rem 1.2rem 3rem}.intro-inner{width:100%;max-width:720px}.intro-title h1{font-size:clamp(2.1rem,5vw,2.6rem);letter-spacing:.18em}.intro-subtitle{font-size:.9rem}.intro-main{flex-direction:column;align-items:center;justify-content:center;gap:2rem}.intro-panel{max-width:420px}.intro-character img{height:clamp(220px,40vh,280px)}.intro-label{padding:.7rem 1.9rem}.intro-rift{width:220px;height:60vh;transform:translate(-50%,-35%)}.orbit-wrapper{width:300px;height:300px}.orbit-ring{width:260px;height:260px;transform:translate(-50%,-30%) rotateX(15deg)}.orbit-item{transform:rotate(calc(var(--i) * 120deg)) translate(130px)!important}.intro-enter{margin-top:1.6rem}}@media(max-width:600px){.intro-root{padding:1.8rem 1rem 2.4rem}.intro-title h1{font-size:1.8rem;letter-spacing:.2em}.intro-title-line{width:260px}.intro-author{font-size:.7rem}.intro-author .author-name{font-size:.75rem}.intro-main{gap:1.6rem}.intro-character img{height:220px}.intro-label{padding:.65rem 1.6rem}.intro-label h2{font-size:.95rem}.intro-label span{font-size:.65rem;letter-spacing:.18em}.intro-enter-button{padding:.9rem 2.4rem;font-size:.72rem;letter-spacing:.22em}.contact{padding:2.6rem 1rem 3rem}.contact-form,.contact-info{padding:1.4rem 1.3rem}}@media(max-width:400px){.intro-root{padding-inline:.8rem}.intro-title-line{width:220px}.intro-character img{height:200px}.orbit-wrapper{width:260px;height:260px}.orbit-ring{width:220px;height:220px}}@media(max-width:880px){.intro-rift{display:none!important}}@media(max-width:600px){.orbit-wrapper{width:240px;height:240px}.orbit-ring{width:200px;height:200px}.orbit-item{width:40px!important;height:40px!important;transform:rotate(calc(var(--i) * 120deg)) translate(100px)!important}.intro-panel{gap:1rem}.intro-label{padding:.55rem 1.2rem}.intro-label h2{font-size:.85rem;letter-spacing:.18em}.intro-label span{font-size:.6rem;letter-spacing:.14em}}@media(max-width:400px){.intro-title h1{font-size:1.5rem;letter-spacing:.12em}.intro-subtitle{font-size:.8rem}.intro-author{font-size:.65rem}.intro-author .author-name{font-size:.7rem}.intro-title-line{width:180px}.intro-character img{height:180px}.orbit-wrapper{width:220px;height:220px}.orbit-ring{width:180px;height:180px}.orbit-item{width:35px!important;height:35px!important;transform:rotate(calc(var(--i) * 120deg)) translate(90px)!important}.intro-enter-button{padding:.8rem 2rem;font-size:.68rem;letter-spacing:.18em}}.sidebar-toggle{position:fixed;top:1rem;left:1rem;z-index:1100;width:42px;height:42px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:radial-gradient(circle at 30% 0%,#facc15,#a16207 80%);box-shadow:0 10px 26px #000000d9;display:none;align-items:center;justify-content:center;cursor:pointer}.sidebar-toggle span,.sidebar-toggle:before,.sidebar-toggle:after{content:"";display:block;width:18px;height:2px;border-radius:999px;background:#111827;transition:transform .16s ease,opacity .16s ease}.sidebar-toggle span{position:relative}.sidebar-toggle:before{position:absolute;transform:translateY(-6px)}.sidebar-toggle:after{position:absolute;transform:translateY(6px)}.sidebar-toggle.is-open:before{transform:translateY(0) rotate(45deg)}.sidebar-toggle.is-open:after{transform:translateY(0) rotate(-45deg)}.sidebar-toggle.is-open span{opacity:0}@media(max-width:1024px){.sidebar-toggle{display:flex}.chapter-sidebar{transform:translate(-100%);transition:transform .2s ease-out,box-shadow .2s ease-out;width:260px}.chapter-sidebar.is-open{transform:translate(0);box-shadow:8px 0 30px #000000d9}.chapter-content{margin-left:0}body.sidebar-open:before{content:"";position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:950}}@media(max-width:600px){.chapter-sidebar{width:230px}}@media(max-height:800px){.intro-root{align-items:flex-start;padding:.8rem 1.5rem 1rem}.intro-inner{gap:.6rem}.intro-title{margin-bottom:0}.intro-title h1{font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:.2rem}.intro-subtitle{margin-top:.2rem;font-size:.8rem}.intro-author{margin-top:.3rem;font-size:.65rem}.intro-title-line{margin:.5rem auto 0;width:280px}.intro-character img{height:clamp(140px,28vh,220px)}.orbit-wrapper{width:220px;height:220px}.orbit-ring{width:180px;height:180px}.orbit-item{width:40px!important;height:40px!important;transform:rotate(calc(var(--i) * 120deg)) translate(90px)!important}.intro-label{padding:.5rem 1rem}.intro-label h2{font-size:.9rem}.intro-label span{font-size:.6rem}.intro-enter{margin-top:.8rem}.intro-enter-button{padding:.8rem 2rem;font-size:.75rem}.intro-rift{height:55vh}.intro-main{gap:2rem;padding-top:0}}@media(max-height:650px){.intro-root{padding:.5rem 1rem .8rem}.intro-inner{gap:.4rem}.intro-title h1{font-size:1.3rem}.intro-character img{height:120px}.orbit-wrapper{width:180px;height:180px}.orbit-ring{width:150px;height:150px}.orbit-item{width:30px!important;height:30px!important;transform:rotate(calc(var(--i) * 120deg)) translate(75px)!important}.intro-label{padding:.4rem .8rem}.intro-label h2{font-size:.75rem}.intro-label span{font-size:.5rem}.intro-enter{margin-top:.5rem}.intro-enter-button{padding:.7rem 1.8rem;font-size:.7rem}}@media(max-height:550px){.intro-rift{display:none}}@media(max-width:880px){.intro-root{position:relative;overflow-y:auto;overflow-x:hidden;min-height:100vh;height:auto;padding:2rem 1rem}.intro-inner{padding-bottom:3rem;gap:2rem}.intro-main{flex-direction:column;gap:2rem}.intro-rift{display:none}.orbit-wrapper{width:280px;height:280px}.orbit-ring{width:240px;height:240px}.intro-character img{height:220px}}@media(max-width:600px){.intro-root{padding:1.5rem .8rem}.intro-inner{gap:1.5rem}.intro-title h1{font-size:1.6rem;letter-spacing:.1em}.intro-subtitle{font-size:.85rem}.intro-title-line{width:200px}.orbit-wrapper{width:220px;height:220px}.orbit-ring{width:180px;height:180px}.orbit-item{width:35px!important;height:35px!important;transform:rotate(calc(var(--i) * 120deg)) translate(90px)!important}.intro-character img{height:180px}.intro-label{padding:.6rem 1.2rem}.intro-label h2{font-size:.9rem;letter-spacing:.14em}.intro-label span{font-size:.6rem;letter-spacing:.12em}.intro-enter-button{padding:.85rem 2rem;font-size:.72rem;letter-spacing:.2em}}@media(max-width:400px){.intro-root{padding:1rem .6rem}.intro-title h1{font-size:1.3rem;letter-spacing:.08em}.intro-subtitle{font-size:.75rem}.intro-author{font-size:.6rem}.intro-author .author-name{font-size:.65rem}.intro-title-line{width:150px}.orbit-wrapper{width:180px;height:180px}.orbit-ring{width:150px;height:150px}.orbit-item{width:28px!important;height:28px!important;transform:rotate(calc(var(--i) * 120deg)) translate(75px)!important}.intro-character img{height:140px}.intro-label{padding:.5rem 1rem}.intro-label h2{font-size:.75rem;letter-spacing:.1em}.intro-label span{font-size:.55rem;letter-spacing:.1em}.intro-enter-button{padding:.75rem 1.6rem;font-size:.65rem;letter-spacing:.16em}.intro-enter{margin-top:1.5rem}}