*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e1a2b;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.app{flex-direction:column;width:100svw;height:100svh;display:flex;overflow:hidden}.scene-wrap{flex:1 1 0;min-height:0;overflow:hidden}.scene{cursor:default;background:linear-gradient(135deg,#9ccc65 0%,#7cb342 100%);width:100%;height:100%;position:relative;overflow:hidden}.scene-bg{pointer-events:none;z-index:0;position:absolute}.scene-bg-strasse{width:108%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-bg-baum-oben{width:100%;height:auto;top:0;right:0}.scene-bg-baum-unten{width:100%;height:auto;bottom:0;left:0}.scene-el{pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;height:auto;transition:filter .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute}.scene-el:hover,.scene-el--hitbox-hover{filter:drop-shadow(0 0 10px #ffe632bf)drop-shadow(0 0 32px #ffd20066)brightness(1.12);transform:scale(1.04)}.scene--hitbox-mode .el-ente,.scene--hitbox-mode .el-sicherheit,.scene--hitbox-mode .el-shop,.scene--hitbox-mode .el-buero,.scene--hitbox-mode .el-akademie,.scene--hitbox-mode .el-qualitaet,.scene--hitbox-mode .el-karriere,.scene--hitbox-mode .el-info,.scene--hitbox-mode .el-mail,.scene--hitbox-mode .el-auto,.scene--hitbox-mode .el-leiter,.scene--hitbox-mode .el-chefkoch,.scene--hitbox-mode .el-lieferung,.scene--hitbox-mode .el-muelltonne,.scene--hitbox-mode .el-putzeimer,.scene--hitbox-mode .el-parkbank,.scene--hitbox-mode .el-hase{pointer-events:none}.scene--hitbox-mode .el-tetraeder:hover{filter:none;transform:none}.hitbox-toggle-btn{z-index:102;color:#ffffffe6;letter-spacing:.02em;cursor:pointer;background:linear-gradient(145deg,#1f3d22 0%,#17301a 100%);border:1px solid #fff3;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;position:fixed;top:2.5%;left:1.5%;box-shadow:0 4px 14px #00000059}.hitbox-toggle-btn:hover{background:linear-gradient(145deg,#2b5130 0%,#1f4325 100%)}.scene-hitbox-layer{z-index:40;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-hitbox-poly{fill:#fda50000;stroke:#0000;stroke-width:.25px;pointer-events:all;cursor:pointer}.scene-hitbox-layer.is-visible .scene-hitbox-poly{fill:#fda50033;stroke:#fda500e6}.scene-hitbox-layer.is-visible .scene-hitbox-poly:hover{fill:#50d2823d;stroke:#50d282f2}.el-tetraeder:has(.tetraeder-bubble):hover{filter:none;cursor:pointer;transform:none}.el-pool{aspect-ratio:1.5;z-index:10;pointer-events:none;width:7%;top:49%;right:23%}.el-ente{aspect-ratio:1;z-index:11;cursor:pointer;width:5%;top:47%;right:24%}.el-sicherheit{width:25%;bottom:35%;left:4%}.el-sicherheit>img:first-child{pointer-events:none;z-index:16;width:100%;height:auto;display:block;position:relative}.el-shop{z-index:2;width:25%;top:3%;left:59%}.el-buero{aspect-ratio:506.4/536;z-index:7;width:25%;top:20%;left:74%}.el-akademie{z-index:18;width:27%;bottom:-2%;left:1%}.el-qualitaet{z-index:17;width:25%;position:absolute;bottom:13%;left:26%}.el-qualitaet img{pointer-events:none;width:100%;height:auto;display:block}.el-steam-qualitaet{aspect-ratio:1/1.1;pointer-events:none;z-index:1;contain:layout style;width:29%;position:absolute;top:0%;left:37%;overflow:visible}.el-karriere{aspect-ratio:120.82/257.98;z-index:3;cursor:pointer;width:7%;top:5%;left:42%}.el-info{z-index:4;width:7%;top:10%;left:50%}.el-mail{z-index:10;width:6%;top:54%;left:90%}.el-auto{z-index:11;aspect-ratio:268.18/228.31;width:18%;height:auto;top:40%;left:54%;overflow:visible}.el-tetraeder{z-index:19;aspect-ratio:330/315;cursor:pointer;width:31%;height:auto;top:56%;left:42%}.el-tetraeder:has(.tetraeder-bubble){z-index:10000}.el-chefkoch{aspect-ratio:103.07/234.06;z-index:13;cursor:pointer;width:6%;top:51%;left:84%}.el-leiter{aspect-ratio:196.74/369.5;z-index:17;cursor:pointer;width:10%;bottom:39%;left:4%}.el-lieferung{aspect-ratio:211.64/230.91;z-index:12;width:12%;bottom:9%;right:21%}.el-muelltonne{aspect-ratio:1;z-index:16;cursor:pointer;width:10%;bottom:43%;left:-1%;overflow:visible}.muelltonne-flies{pointer-events:none;z-index:5;opacity:0;visibility:hidden;contain:layout paint;position:absolute;inset:0;overflow:visible}.el-muelltonne.scene-el--hitbox-hover .muelltonne-flies{opacity:1;visibility:visible}.muelltonne-fly{will-change:transform;backface-visibility:hidden;width:clamp(16px,1.55vw,26px);position:absolute;top:34%;left:44%;transform:translateZ(0)}.muelltonne-fly-yg{will-change:transform, opacity;backface-visibility:hidden;width:100%;transform:translateZ(0)}.muelltonne-fly-svg{width:100%;height:auto;display:block;overflow:visible;transform:translateZ(0)}.muelltonne-fly-wing--l{transform-origin:100%}.muelltonne-fly-wing--r{transform-origin:0%}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly-wing--l{animation:.104s cubic-bezier(.4,0,.6,1) infinite alternate fly-wing-l}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly-wing--r{animation:.104s cubic-bezier(.4,0,.6,1) -52ms infinite alternate fly-wing-r}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--1{animation:1.92s cubic-bezier(.45,.05,.55,.95) .38s infinite fly-orbit-x-1}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--1 .muelltonne-fly-yg{animation:.38s linear backwards fly-emerge-1,2.35s linear .38s infinite fly-orbit-y-1}.muelltonne-fly--2{width:clamp(13px,1.25vw,21px)}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--2{animation:1.55s cubic-bezier(.42,.06,.58,.94) .5s infinite fly-orbit-x-2}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--2 .muelltonne-fly-yg{animation:.38s linear .12s backwards fly-emerge-2,2.08s linear .5s infinite fly-orbit-y-2}.muelltonne-fly--3{width:clamp(14px,1.35vw,23px)}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--3{animation:2.28s cubic-bezier(.44,.04,.56,.96) .62s infinite fly-orbit-x-3}.el-muelltonne.scene-el--hitbox-hover .muelltonne-fly--3 .muelltonne-fly-yg{animation:.38s linear .24s backwards fly-emerge-3,1.76s linear .62s infinite fly-orbit-y-3}@keyframes fly-emerge-1{0%{opacity:0;transform:translateY(14px)}20%{opacity:.45;transform:translate(-4px,6px)}50%{opacity:.82;transform:translate(-9px,-3px)}80%{opacity:1;transform:translate(-5px,-13px)}to{opacity:1;transform:translateY(-18px)}}@keyframes fly-emerge-2{0%{opacity:0;transform:translateY(14px)}20%{opacity:.42;transform:translate(5px,5px)}50%{opacity:.8;transform:translate(10px,-4px)}80%{opacity:1;transform:translate(6px,-12px)}to{opacity:1;transform:translateY(-18px)}}@keyframes fly-emerge-3{0%{opacity:0;transform:translateY(14px)}20%{opacity:.4;transform:translate(-2px,4px)}50%{opacity:.78;transform:translate(-6px,-5px)}80%{opacity:1;transform:translate(-3px,-14px)}to{opacity:1;transform:translateY(-18px)}}@keyframes fly-orbit-x-1{0%{transform:translate(0)}20%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(13px)}52%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-17px)}80%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(9px)}to{transform:translate(0)}}@keyframes fly-orbit-x-2{0%{transform:translate(0)}24%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-15px)}60%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(19px)}84%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-7px)}to{transform:translate(0)}}@keyframes fly-orbit-x-3{0%{transform:translate(0)}28%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(16px)}56%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-13px)}80%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(11px)}to{transform:translate(0)}}@keyframes fly-orbit-y-1{0%{transform:translateY(-18px)rotate(0)}22%{transform:translateY(-36px)rotate(8deg)}50%{transform:translateY(-52px)rotate(-5deg)}78%{transform:translateY(-32px)rotate(10deg)}to{transform:translateY(-18px)rotate(0)}}@keyframes fly-orbit-y-2{0%{transform:translateY(-18px)rotate(0)}25%{transform:translateY(-44px)rotate(-9deg)}55%{transform:translateY(-60px)rotate(7deg)}80%{transform:translateY(-30px)rotate(-5deg)}to{transform:translateY(-18px)rotate(0)}}@keyframes fly-orbit-y-3{0%{transform:translateY(-18px)rotate(0)}30%{transform:translateY(-30px)rotate(6deg)}60%{transform:translateY(-48px)rotate(-8deg)}85%{transform:translateY(-24px)rotate(11deg)}to{transform:translateY(-18px)rotate(0)}}@keyframes fly-wing-l{0%{opacity:.9;transform:rotate(12deg)scaleY(1)}to{opacity:.46;transform:rotate(-22deg)scaleY(.6)}}@keyframes fly-wing-r{0%{opacity:.85;transform:rotate(-12deg)scaleY(1)}to{opacity:.42;transform:rotate(22deg)scaleY(.6)}}.el-regenwurm{z-index:17;transform-origin:bottom;pointer-events:none;width:3%;height:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1);bottom:65%;left:15.4%}.el-sicherheit:hover~.el-regenwurm{z-index:19;transform:scale(1.7)translate(25%)}.el-putzeimer{aspect-ratio:106.98/125.66;z-index:17;width:7%;bottom:0%;left:34.5%;overflow:visible}.putzeimer-bubbles{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:visible}.pz-bubble{aspect-ratio:1;-webkit-backdrop-filter:blur(.6px);backdrop-filter:blur(.6px);background:radial-gradient(circle at 30% 26%,#fffffff5 0%,#ffffffad 8%,#ffffff2e 18%,#0000 28%),radial-gradient(circle at 70% 74%,#ffffff52 0%,#ffffff1a 8%,#0000 16%),conic-gradient(#ffbee114 0deg,#b4d7ff1a 55deg,#afffd212 115deg,#fffcb90f 175deg,#ffc3af12 235deg,#d7afff17 295deg,#ffbee114 360deg),radial-gradient(circle,#d7f0ff05 0%,#d2ebff0d 55%,#cde4ff1f 100%);border:1px solid #c3daff75;border-radius:50%;position:absolute;top:37%;box-shadow:inset 2px -2px 9px #afe1ff38,inset -1px 1px 5px #ffc3e629,inset 0 0 14px #d7f0ff12,0 2px 8px #cddcff1f}.pz-bubble--1{width:14%;animation:3.4s ease-in-out 1s infinite pz-rise-a;left:36%}.pz-bubble--2{filter:blur(.4px);border-color:#d7c3ff6b;width:8%;animation:2.7s ease-in-out 1.55s infinite pz-rise-b;left:45%}.pz-bubble--3{width:18%;animation:3.9s ease-in-out 2.1s infinite pz-rise-c;top:38%;left:51%}.pz-bubble--4{border-color:#c3ffe166;width:7%;animation:2.9s ease-in-out 1.28s infinite pz-rise-a;left:59%}.pz-bubble--5{width:11%;animation:3.2s ease-in-out 1.8s infinite pz-rise-b;top:39%;left:39%}.pz-bubble--6{filter:blur(.5px);border-color:#ffd7c361;width:6%;animation:2.5s ease-in-out 2.45s infinite pz-rise-c;left:47%}.pz-bubble--7{width:13%;animation:3.6s ease-in-out 1.65s infinite pz-rise-a;top:39%;left:55%}.pz-bubble--8{border-color:#c3eeff6b;width:9%;animation:2.9s ease-in-out 2.2s infinite pz-rise-b;top:40%;left:34%}@keyframes pz-rise-a{0%{opacity:0;transform:translate(0)scale(1)}4%{opacity:.88;transform:translateY(-.2vw)scale(1)}18%{opacity:.86;transform:translate(-3px,-2.2vw)scale(.98)}36%{opacity:.83;transform:translate(5px,-5vw)scale(1.02)}55%{opacity:.78;transform:translate(-4px,-7.8vw)scale(.97)}74%{opacity:.66;transform:translate(4px,-10.8vw)scale(1.01)}88%{opacity:.38;transform:translate(1px,-12.6vw)scale(1)}95%{opacity:.14;transform:translate(2px,-13.5vw)scale(1.2)}to{opacity:0;transform:translate(2px,-13.9vw)scale(.04)}}@keyframes pz-rise-b{0%{opacity:0;transform:translate(0)scale(1)}5%{opacity:.86;transform:translateY(-.3vw)scale(1)}20%{opacity:.88;transform:translate(4px,-2.5vw)scale(1.02)}40%{opacity:.84;transform:translate(-5px,-5.4vw)scale(.98)}60%{opacity:.76;transform:translate(3px,-8.3vw)scale(1.01)}78%{opacity:.6;transform:translate(-3px,-11.2vw)scale(.99)}90%{opacity:.3;transform:translate(-1px,-12.8vw)scale(1)}95%{opacity:.12;transform:translateY(-13.5vw)scale(1.22)}to{opacity:0;transform:translateY(-13.9vw)scale(.04)}}@keyframes pz-rise-c{0%{opacity:0;transform:translate(0)scale(1)}4%{opacity:.84;transform:translateY(-.2vw)scale(1)}15%{opacity:.86;transform:translate(5px,-2vw)scale(1.03)}32%{opacity:.83;transform:translate(-6px,-4.5vw)scale(.97)}50%{opacity:.79;transform:translate(6px,-7.4vw)scale(1.03)}68%{opacity:.7;transform:translate(-4px,-10.4vw)scale(.98)}84%{opacity:.46;transform:translate(3px,-12.8vw)scale(1)}93%{opacity:.16;transform:translate(2px,-14vw)scale(1.2)}to{opacity:0;transform:translate(2px,-14.6vw)scale(.04)}}.el-bewertung{z-index:17;width:5.5%;height:auto;bottom:22.5%;left:45%}.el-schrift-sicherheit{z-index:17;width:16%;height:auto;bottom:47%;left:15%}.el-schrift-qualitaet{z-index:17;width:16%;height:auto;bottom:26%;left:37.5%}.el-schrift-campus{z-index:18;width:9%;height:auto;bottom:25.5%;left:17.3%}.el-parkbank{aspect-ratio:auto;z-index:11;cursor:pointer;width:12%;position:relative;top:1%;left:31%}.el-elixier{pointer-events:none;z-index:16;width:11.2%;height:auto;animation:3s ease-in-out infinite elixier-float;position:absolute;top:10.1%;left:47.5%}.el-lupe{pointer-events:none;z-index:18;transform-origin:83% 46%;width:70%;height:auto;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:20%;left:29%}.el-sicherheit:hover .el-lupe{transform:rotate(-12deg)}.el-hase{z-index:10;width:5%;height:auto;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);bottom:0%;right:21%}.tetraeder-bubble{-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);z-index:1000;cursor:default;will-change:transform, opacity;pointer-events:auto;transform-origin:50% 108%;background:linear-gradient(160deg,#1c2e1efc 0%,#263e29fa 55%,#18281afc 100%);border:1px solid #ffffff14;border-radius:22px;width:460px;padding:0 0 20px;animation:.6s cubic-bezier(.22,1,.36,1) both bubble-spring;position:absolute;bottom:calc(100% + 26px);left:50%;overflow:hidden;box-shadow:0 32px 80px #0009,0 8px 24px #0006,inset 0 1px #ffffff17}@keyframes bubble-spring{0%{opacity:0;filter:blur(12px)brightness(1.5);transform:translate(-50%)translateY(28px)scale(.52);box-shadow:0 0 #0000}35%{opacity:1;filter:blur()brightness()}65%{transform:translate(-50%)translateY(-7px)scale(1.035);box-shadow:0 48px 100px #000000b3,0 12px 32px #00000080,inset 0 1px #ffffff1c}80%{transform:translate(-50%)translateY(3px)scale(.985)}to{opacity:1;filter:blur()brightness();transform:translate(-50%)translateY(0)scale(1);box-shadow:0 32px 80px #0009,0 8px 24px #0006,inset 0 1px #ffffff17}}.tetraeder-bubble:before{content:"";background:linear-gradient(90deg,#fda5008c 0%,#fda50026 60%,#0000 100%);height:1px;margin:0;display:block}.tetraeder-bubble-header{background:linear-gradient(135deg,#fda50012 0%,#0000 60%);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:18px 20px 14px;animation:.45s cubic-bezier(.22,1,.36,1) .14s both bubble-child-rise;display:flex}.tetraeder-bubble-title{letter-spacing:1.2px;text-transform:uppercase;background:linear-gradient(135deg,#ffffffd9 0%,#ffffff73 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;font-weight:700}.tetraeder-bubble-close{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:15px;line-height:1;transition:background .2s,color .2s,border-color .2s;display:flex}.tetraeder-bubble-close:hover{color:#fda500;background:#fda50026;border-color:#fda50066}.tetraeder-bubble-actions{gap:12px;padding:16px 20px 0;animation:.45s cubic-bezier(.22,1,.36,1) .22s both bubble-child-rise;display:flex}@keyframes bubble-child-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tetraeder-bubble-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:20px 12px 16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:background .28s cubic-bezier(.34,1.56,.64,1),border-color .28s,transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;display:flex;position:relative;overflow:hidden}.tetraeder-bubble-btn:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(at 50% 0,#ffffff1a 0%,#0000 70%);transition:opacity .28s;position:absolute;inset:0}.tetraeder-bubble-btn:hover:after{opacity:1}.tetraeder-bubble-btn:hover{transform:translateY(-4px)scale(1.02)}.tetraeder-bubble-btn:active{transition-duration:.12s;transform:translateY(0)scale(.97)}.tetraeder-bubble-btn--tablet{border-color:#fda50033}.tetraeder-bubble-btn--tablet:hover{background:#fda5001a;border-color:#fda50080;box-shadow:0 12px 32px #00000073,0 0 0 1px #fda5002e,inset 0 1px #fda5001f}.tetraeder-bubble-btn--book{border-color:#60a5fa33}.tetraeder-bubble-btn--book:hover{background:#60a5fa1a;border-color:#60a5fa80;box-shadow:0 12px 32px #00000073,0 0 0 1px #60a5fa2e,inset 0 1px #60a5fa1f}.tetraeder-bubble-btn-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;transition:transform .28s cubic-bezier(.34,1.56,.64,1);display:flex}.tetraeder-bubble-btn--tablet .tetraeder-bubble-btn-icon{background:#fda5001f;border:1px solid #fda50038}.tetraeder-bubble-btn--book .tetraeder-bubble-btn-icon{background:#60a5fa1f;border:1px solid #60a5fa38}.tetraeder-bubble-btn:hover .tetraeder-bubble-btn-icon{transform:scale(1.12)}.tetraeder-bubble-btn-label{color:#ffffffeb;letter-spacing:.3px;font-size:14px;font-weight:700}.tetraeder-bubble-btn-sub{color:#ffffff59;letter-spacing:.4px;font-size:11px;font-weight:400}.tetraeder-bubble-tail{filter:drop-shadow(0 5px 6px #00000059);transform-origin:50% 0;border-top:14px solid #1c2c1efc;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;animation:.4s cubic-bezier(.34,1.56,.64,1) .32s both tail-pop;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}@keyframes tail-pop{0%{opacity:0;transform:translate(-50%)scaleY(0)}to{opacity:1;transform:translate(-50%)scaleY(1)}}.menu-btn{z-index:101;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#2e5231 0%,#1e3a22 100%);border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.45vw,7px);width:clamp(44px,3.8vw,56px);height:clamp(44px,3.8vw,56px);padding:0;transition:background .3s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:2.5%;right:1.5%;box-shadow:0 4px 16px #00000059,0 1px 3px #0003,inset 0 1px #ffffff1a}.menu-btn:hover{background:linear-gradient(145deg,#3a6640 0%,#264d2b 100%);transform:translateY(-2px)scale(1.07);box-shadow:0 8px 28px #0006,0 2px 6px #00000040,inset 0 1px #ffffff26,0 0 0 1px #fda50040}.menu-btn:active{transform:translateY(0)scale(1.03);box-shadow:0 3px 10px #00000059,inset 0 1px #ffffff14}.menu-btn:focus-visible{outline-offset:3px;outline:2px solid #fda500}.menu-btn span{pointer-events:none;transform-origin:50%;background:#ffffffe6;border-radius:2px;width:52%;height:2px;transition:all .38s cubic-bezier(.34,1.56,.64,1);display:block;box-shadow:0 0 4px #fff3}.menu-btn span:first-child{transform:translateY(calc(-2*clamp(4px,.45vw,7px) - 2px))scaleX(1)}.menu-btn.active span:first-child{background:#fda500;transform:rotate(45deg)scaleX(1);box-shadow:0 0 8px #fda50099}.menu-btn span:nth-child(2){opacity:1;width:38%;transform:scaleX(1)}.menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn span:nth-child(3){width:44%;transform:translateY(calc(2*clamp(4px,.45vw,7px) + 2px))scaleX(1)}.menu-btn.active span:nth-child(3){background:#fda500;width:52%;transform:rotate(-45deg)scaleX(1);box-shadow:0 0 8px #fda50099}.menu-btn:hover span{background:#fff;box-shadow:0 0 6px #fff6}.menu-btn.active:hover span:first-child,.menu-btn.active:hover span:nth-child(3){background:#fda500;box-shadow:0 0 10px #fda500cc}.menu-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:.3s cubic-bezier(.34,1.56,.64,1) fadeIn;position:fixed;inset:0}.side-menu{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#1c2e1efc 0%,#263e29fa 50%,#18281afc 100%);border-left:1px solid #ffffff14;flex-direction:column;width:clamp(280px,35vw,420px);max-width:90vw;height:100vh;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 40px #00000080,-2px 0 #ffffff0d}.side-menu.open{transform:translate(0)}.side-menu-header{background:linear-gradient(135deg,#fda5000f 0%,#0000 60%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:70px;padding:clamp(20px,4vw,28px);display:flex;position:relative}.side-menu-header:after{content:"";background:linear-gradient(90deg,#fda50066 0%,#ffffff0f 100%);height:1px;position:absolute;bottom:0;left:clamp(20px,4vw,28px);right:clamp(20px,4vw,28px)}.side-menu-header h2{background:linear-gradient(135deg,#fff 0%,#ffffffbf 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(18px,2.2vw,24px);font-weight:700}.side-menu-list{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.side-menu-list::-webkit-scrollbar{width:6px}.side-menu-list::-webkit-scrollbar-track{background:0 0}.side-menu-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.side-menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.side-menu-list li{border-bottom:1px solid #ffffff0a;transition:background .2s}.side-menu-list li:hover{background:#fda5000d}.side-menu-list a{color:#ffffffd9;letter-spacing:.4px;align-items:center;gap:12px;padding:clamp(14px,2.5vw,20px) clamp(16px,3vw,24px);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(14px,1.6vw,17px);font-weight:500;text-decoration:none;transition:color .25s cubic-bezier(.34,1.56,.64,1),padding-left .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.side-menu-list a:before{content:"";background:linear-gradient(#fda500 0%,#e08800 100%);border-radius:2px;width:3px;height:0;transition:height .28s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 0 8px #fda50066}.side-menu-list a:hover{color:#fda500;padding-left:clamp(22px,4vw,32px)}.side-menu-list a:hover:before{height:22px}.side-menu-footer{background:linear-gradient(#0000 0%,#0003 100%);border-top:1px solid #ffffff0f;flex-shrink:0;margin-top:auto;padding:clamp(20px,4vw,28px);position:relative}.side-menu-footer:before{content:"";background:linear-gradient(90deg,#fda50059 0%,#ffffff0a 100%);height:1px;position:absolute;top:0;left:clamp(20px,4vw,28px);right:clamp(20px,4vw,28px)}.contact-info{flex-direction:column;gap:clamp(8px,1.2vw,12px);display:flex}.contact-info p{color:#ffffff80;letter-spacing:.2px;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(12px,1.4vw,13px)}.contact-info a{color:#ffffffbf;padding:0;text-decoration:none;transition:color .25s cubic-bezier(.34,1.56,.64,1),text-shadow .25s cubic-bezier(.34,1.56,.64,1)}.contact-info a:hover{color:#fda500;text-shadow:0 0 10px #fda50080;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.menu-btn{top:2%;right:1%}.side-menu{width:clamp(260px,70vw,320px)}.side-menu-header{min-height:60px}}@media (width<=480px){.side-menu{width:85vw;max-width:100vw}.menu-btn{width:clamp(40px,9vw,48px);height:clamp(40px,9vw,48px)}}.copyright-wrap{z-index:50;pointer-events:none;justify-content:center;align-items:center;height:100%;padding-right:5px;display:flex;position:absolute;top:0;right:0}.copyright-wrap p{writing-mode:vertical-lr;color:#fff;letter-spacing:.08em;white-space:nowrap;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(6px,.58vw,10px);transform:rotate(180deg)}.site-footer{flex-shrink:0;width:100%;height:clamp(16px,2.2vh,30px);display:flex}.footer-blue{background:#1a52cc;flex:1}.footer-green{background:#1ab106;flex:1}.footer-orange{background:#d97706;flex:1}@keyframes bg-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes blob-float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-80px)scale(1.15)}66%{transform:translate(-40px,60px)scale(.9)}}@keyframes blob-float-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-80px,50px)scale(1.1)}66%{transform:translate(50px,-60px)scale(.95)}}@keyframes blob-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,80px)scale(1.2)}}@keyframes blob-float-4{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-60px,-40px)scale(1.1)}80%{transform:translate(30px,50px)scale(.85)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 6px #4ade8000}}@keyframes pulse-dot-blue{0%,to{box-shadow:0 0 #60a5fa80}50%{box-shadow:0 0 0 6px #60a5fa00}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes elixier-float{0%,to{top:10.1%}50%{top:5%}}.landing-page{color:#e2e8f0;background:linear-gradient(-45deg,#0f1729,#1a2e52,#0d2b3e,#0f2416,#1a3a2a,#0d1f38) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;animation:18s infinite bg-shift;display:flex;position:relative;overflow:hidden}.landing-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.landing-blob{filter:blur(70px);pointer-events:none;z-index:0;will-change:transform;border-radius:9999px;position:absolute}.landing-blob-1{background:radial-gradient(circle,#2563eb73 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite blob-float-1;top:-120px;left:-100px}.landing-blob-2{background:radial-gradient(circle,#10b98159 0%,#0000 70%);width:600px;height:600px;animation:18s ease-in-out infinite blob-float-2;bottom:-150px;right:-120px}.landing-blob-3{background:radial-gradient(circle,#7c3aed4d 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite blob-float-3;top:30%;left:55%}.landing-blob-4{background:radial-gradient(circle,#3b82f640 0%,#0000 70%);width:350px;height:350px;animation:16s ease-in-out infinite blob-float-4;bottom:10%;left:10%}.landing-tetraeder{z-index:2;pointer-events:none;opacity:.28;width:1200px;height:1200px;animation:9s ease-in-out infinite tetra-bg-pulse;position:absolute;top:60%;left:22%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 80%)}@keyframes tetra-bg-pulse{0%,to{opacity:.22}50%{opacity:.34}}.landing-logo{z-index:20;filter:drop-shadow(0 0 12px #fff3);width:auto;height:4rem;animation:.8s both fade-up;position:absolute;top:2rem;left:2rem}.landing-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative}.landing-card-scene{perspective:280px;perspective-origin:50%}.landing-glass-card{-webkit-backdrop-filter:blur(24px);width:100%;max-width:560px;transform-style:preserve-3d;will-change:transform;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:2rem;flex-direction:column;align-items:center;gap:1.75rem;padding:3rem 3.5rem;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .4s;animation:.9s cubic-bezier(.22,1,.36,1) .1s both card-appear;display:flex;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff0d,0 25px 60px #00000073,0 0 80px #2563eb1a}.landing-card-glare{border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s,background 50ms;position:absolute;inset:0}.landing-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.landing-badge{letter-spacing:.03em;color:#e2e8f0d9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-family:inherit;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.landing-badge:after{content:"";border-radius:inherit;background:linear-gradient(120deg,#fff0 30%,#ffffff1f 50%,#fff0 70%) 200%/200% 100%;transition:background-position .5s;position:absolute;inset:0}.landing-badge:hover{color:#fff;background:#ffffff24;border-color:#ffffff4d;transform:translateY(-1px)scale(1.04);box-shadow:0 4px 16px #0003,0 0 12px #60a5fa33}.landing-badge:hover:after{background-position:-200%}.landing-badge-button{cursor:pointer}.landing-badge-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem;animation:2s ease-in-out infinite pulse-dot;display:inline-block}.landing-badge-dot--blue{background:#60a5fa;animation:2s ease-in-out infinite pulse-dot-blue}.landing-title{letter-spacing:-.03em;flex-direction:column;gap:.1em;margin:0;line-height:1.15;display:flex}.landing-title-line{color:#f1f5f9;font-size:clamp(2.2rem,7vw,3.8rem);font-weight:700;display:block}.landing-title-gradient{background:linear-gradient(90deg,#60a5fa 0%,#a78bfa 30%,#34d399 60%,#60a5fa 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.12em;animation:4s linear infinite shimmer;display:inline-block}.landing-subtitle{color:#eff5feb5;max-width:380px;margin:0;font-size:.95rem;line-height:1.6}.landing-button{color:#fff;cursor:pointer;isolation:isolate;background:linear-gradient(135deg,#1d4ed8 0%,#0f766e 100%);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:.6rem;padding:.85rem 1.8rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2563eb66,0 0 #60a5fa00}.landing-button:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff38 50%,#0000 100%);width:50%;height:100%;transition:left .55s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.landing-button:hover:before{left:130%}.landing-button:after{content:"";border-radius:inherit;opacity:0;z-index:-1;filter:blur(6px);background:linear-gradient(135deg,#3b82f6,#10b981,#8b5cf6,#3b82f6) 0 0/300% 300%;transition:opacity .3s;animation:3s linear infinite paused shimmer;position:absolute;inset:-3px}.landing-button:hover:after{opacity:.7;animation-play-state:running}.landing-button:hover{border-color:#ffffff59;transform:translateY(-3px)scale(1.03);box-shadow:0 12px 40px #2563eb8c,inset 0 0 0 1px #ffffff26}.landing-button:active{transform:translateY(0)scale(.98)}.landing-button:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.landing-button-text{z-index:1;position:relative}.landing-button-arrow{z-index:1;font-size:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.landing-button:hover .landing-button-arrow{transform:translate(5px)}.landing-footer{color:#eff5feb5;align-items:center;gap:.6rem;font-size:.8rem;animation:1s .5s both fade-up;display:flex}.landing-footer-sep{opacity:.4}@media (width<=1024px){.landing-logo{height:3.5rem}.landing-glass-card{max-width:500px;padding:2.5rem 2.8rem}}@media (width<=768px){.landing-grid{display:none}.landing-blob-1{width:300px;height:300px;top:-80px;left:-80px}.landing-blob-2{width:350px;height:350px;bottom:-100px;right:-100px}.landing-blob-3{width:250px;height:250px}.landing-blob-4{width:200px;height:200px;bottom:5%;left:5%}.landing-logo{height:3rem;top:1rem;left:1rem}.landing-content{gap:1rem;padding:1rem}.landing-card-scene{perspective:none}.landing-glass-card{border-radius:1.5rem;gap:1.4rem;max-width:100%;margin:0 1rem;padding:2rem 1.8rem}.landing-badge{padding:.35rem .75rem;font-size:.65rem}.landing-title-line{font-size:clamp(1.8rem,6vw,2.8rem)}.landing-subtitle{max-width:100%;font-size:.85rem}.landing-button{width:100%;max-width:280px;padding:.75rem 1.5rem;font-size:.85rem}.landing-button-arrow{font-size:.9rem}.landing-footer{gap:.4rem;font-size:.7rem}}@media (width<=480px){.landing-page{padding:1rem 0}.landing-logo{height:2.5rem;top:.8rem;left:.8rem}.landing-content{gap:.8rem;padding:.5rem}.landing-glass-card{gap:1.2rem;margin:0 .75rem;padding:1.5rem 1.2rem}.landing-badges{gap:.4rem}.landing-badge{padding:.3rem .6rem;font-size:.6rem}.landing-title-line{font-size:clamp(1.5rem,5vw,2.2rem)}.landing-title-gradient{padding-bottom:.1em}.landing-subtitle{font-size:.75rem;line-height:1.5}.landing-button{gap:.4rem;padding:.65rem 1.2rem;font-size:.8rem}.landing-button:before,.landing-button:after{display:none}.landing-button:hover,.landing-button:hover .landing-button-arrow{transform:none}.landing-footer{flex-direction:column;gap:.3rem;font-size:.65rem}.landing-footer-sep{display:none}.landing-blob-1{width:200px;height:200px;top:-60px;left:-60px}.landing-blob-2{width:250px;height:250px;bottom:-80px;right:-80px}.landing-blob-3{width:180px;height:180px}.landing-blob-4{width:150px;height:150px}}@keyframes building-entrance{0%{opacity:0;transform:translateY(100vh)}to{opacity:1;transform:translateY(0)}}@keyframes car-entrance-from-bottom-right{0%{opacity:0;transform:translate(60vw)translateY(100vh)}to{opacity:1;transform:translate(0)translateY(0)}}.scene--entering .el-shop{animation:.9s cubic-bezier(.22,1,.36,1) .1s both building-entrance}.scene--entering .el-sicherheit{animation:.9s cubic-bezier(.22,1,.36,1) .25s both building-entrance}.scene--entering .el-schrift-sicherheit{animation:.9s cubic-bezier(.22,1,.36,1) .3s both building-entrance}.scene--entering .el-regenwurm{animation:.9s cubic-bezier(.22,1,.36,1) .25s both building-entrance}.scene--entering .el-buero{animation:.9s cubic-bezier(.22,1,.36,1) .4s both building-entrance}.scene--entering .el-akademie{animation:.9s cubic-bezier(.22,1,.36,1) .45s both building-entrance}.scene--entering .el-schrift-campus{animation:.9s cubic-bezier(.22,1,.36,1) .5s both building-entrance}.scene--entering .el-qualitaet{animation:.9s cubic-bezier(.22,1,.36,1) .7s both building-entrance}.scene--entering .el-schrift-qualitaet{animation:.9s cubic-bezier(.22,1,.36,1) .75s both building-entrance}.scene--entering .el-putzeimer{animation:.9s cubic-bezier(.22,1,.36,1) .7s both building-entrance}.scene--entering .el-bewertung{animation:.9s cubic-bezier(.22,1,.36,1) .74s both building-entrance}.scene--entering .el-karriere{animation:.9s cubic-bezier(.22,1,.36,1) .75s both building-entrance}.scene--entering .el-info{animation:.9s cubic-bezier(.22,1,.36,1) .9s both building-entrance}.scene--entering .el-mail{animation:.9s cubic-bezier(.22,1,.36,1) 1s both building-entrance}.scene--entering .el-auto{animation:1.1s cubic-bezier(.22,1,.36,1) 1.15s both car-entrance-from-bottom-right}.scene--entering .el-tetraeder{animation:.9s cubic-bezier(.22,1,.36,1) 1.35s both building-entrance}.scene--entering .el-chefkoch{animation:.9s cubic-bezier(.22,1,.36,1) 1.4s both building-entrance}.scene--entering .el-leiter{animation:.9s cubic-bezier(.22,1,.36,1) 1.55s both building-entrance}.scene--entering .el-parkbank{animation:.9s cubic-bezier(.22,1,.36,1) 1.6s both building-entrance}.scene--entering .el-lieferung{animation:.9s cubic-bezier(.22,1,.36,1) 1.75s both building-entrance}.scene--entering .el-muelltonne{animation:.9s cubic-bezier(.22,1,.36,1) 1.9s both building-entrance}.scene--entering .el-hase{animation:.9s cubic-bezier(.22,1,.36,1) 1.95s both building-entrance}.scene--entering .el-ente{animation:.9s cubic-bezier(.22,1,.36,1) 2.2s both building-entrance}.scene--entering .el-pool{animation:.9s cubic-bezier(.22,1,.36,1) 1.2s both building-entrance}@media (prefers-reduced-motion:reduce){.scene--entering .el-shop,.scene--entering .el-sicherheit,.scene--entering .el-buero,.scene--entering .el-akademie,.scene--entering .el-qualitaet,.scene--entering .el-karriere,.scene--entering .el-info,.scene--entering .el-mail,.scene--entering .el-auto,.scene--entering .el-tetraeder,.scene--entering .el-chefkoch,.scene--entering .el-leiter,.scene--entering .el-parkbank,.scene--entering .el-lieferung,.scene--entering .el-muelltonne{animation:none}.muelltonne-fly,.muelltonne-fly-yg,.muelltonne-fly-wing--l,.muelltonne-fly-wing--r{opacity:1;transform:translateY(-18px)scale(1);animation:none!important}}.app-book-layout{width:100%;height:100vh;display:flex}.app-book-main{flex:1;min-width:0;height:100%}@keyframes sidenav-slide-in{0%{width:clamp(280px,35vw,420px)}to{width:clamp(180px,18vw,240px)}}.app-book-sidenav{background:linear-gradient(#1c2e1efc 0%,#263e29fa 50%,#18281afc 100%);border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:clamp(180px,18vw,240px);height:100%;animation:.4s cubic-bezier(.25,.46,.45,.94) both sidenav-slide-in;display:flex;overflow:hidden auto;box-shadow:-8px 0 40px #0006}.app-book-back-btn{color:#ffffffbf;cursor:pointer;letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;margin:clamp(14px,2vh,20px) clamp(18px,2.5vw,26px) 0;padding:8px 14px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s;display:flex}.app-book-back-btn:hover{color:#fff;background:#ffffff1c;border-color:#ffffff38}.app-book-back-btn:active{background:#ffffff0f;transform:scale(.98)}@media (width<=900px){.app-book-layout{flex-direction:column-reverse;height:auto;min-height:100vh}.app-book-main{flex:1;height:auto;min-height:60vh}.app-book-sidenav{border-bottom:1px solid #ffffff14;border-left:none;width:100%;height:auto;box-shadow:0 4px 24px #0000004d}}.app-tablet-layout{width:100%;height:100vh;display:flex}.app-tablet-main{flex:1;min-width:0;height:100%}.app-mobile-content-layout{background:radial-gradient(65% 55% at 12% 12%,#4182502e 0%,#0000 55%),radial-gradient(42% 38% at 88% 18%,#fda50029 0%,#0000 60%),linear-gradient(#eef5ef 0%,#f6f8fb 100%);flex-direction:column;min-height:100vh;display:flex}.app-mobile-content-header{color:#ffffffe6;-webkit-backdrop-filter:blur(10px);background:#122614e6;border-bottom:1px solid #1a341e1f;flex-direction:column;gap:6px;padding:14px 14px 10px;display:flex}.app-mobile-content-back-btn{align-self:flex-start;margin:0}.app-mobile-content-header h2{letter-spacing:.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,5.4vw,24px)}.app-mobile-content-header p{letter-spacing:.06em;text-transform:uppercase;color:#ffffff9e;margin:0;font-size:12px}.app-mobile-content-main{flex:1;min-height:0;overflow:hidden auto}.app-mobile-book-text-wrap{padding:0 14px 18px}@media (width<=900px){.app-tablet-layout{flex-direction:column-reverse;height:auto;min-height:100vh}.app-tablet-main{flex:1;height:auto;min-height:60vh}}@media (width<=1440px){.scene-bg-strasse{width:140%}.el-pool{width:7%;top:49%;right:23%}.el-ente{width:5%;top:47%;right:24%}.el-sicherheit{width:25%;bottom:35%;left:4%}.el-shop{width:24%;top:3%;left:59%}.el-buero{width:24%;top:20%;left:74%}.el-akademie{width:26%;bottom:-2%;left:1%}.el-qualitaet{width:25%;bottom:13%;left:26%}.el-karriere{width:7%;top:5%;left:42%}.el-info{width:7%;top:10%;left:50%}.el-mail{width:6%;top:54%;left:90%}.el-auto{width:18%;top:40%;left:54%}.el-tetraeder{width:31%;top:56%;left:42%}.el-chefkoch{width:6%;top:51%;left:84%}.el-leiter{width:10%;bottom:39%;left:4%}.el-lieferung{width:12%;bottom:9%;right:21%}.el-muelltonne{width:10%;bottom:43%;left:-1%}.el-regenwurm{width:3%;bottom:65%;left:15%}.el-putzeimer{width:7%;bottom:0%;left:34.5%}.el-bewertung{width:5.5%;bottom:22%;left:45%}.el-parkbank{width:12%;top:1%;left:31%}.el-hase{width:5%;bottom:0%;right:21%}.el-schrift-sicherheit{width:16%;bottom:47%;left:15%}.el-schrift-qualitaet{width:16%;bottom:26%;left:37.5%}.el-schrift-campus{width:9%;bottom:25.5%;left:17.3%}}@media (width<=1280px){.scene-bg-strasse{width:147%}.el-pool{width:7.5%;top:49%;right:22%}.el-ente{width:5.5%;top:47%;right:23%}.el-sicherheit{width:24%;bottom:35%;left:3%}.el-shop{width:25%;top:2%;left:58%}.el-buero{width:25%;top:19%;left:73%}.el-akademie{width:27%;bottom:-3%;left:0%}.el-qualitaet{width:25%;bottom:12%;left:25%}.el-karriere{width:7.5%;top:4%;left:42%}.el-info{width:7.5%;top:9%;left:50%}.el-mail{width:6.5%;top:54%;left:90%}.el-auto{width:18%;top:40%;left:54%}.el-tetraeder{width:31%;top:57%;left:41%}.el-chefkoch{width:6.5%;top:51%;left:84%}.el-leiter{width:11%;bottom:38%;left:3%}.el-lieferung{width:13%;bottom:9%;right:20%}.el-muelltonne{width:11%;bottom:43%;left:-1%}.el-regenwurm{width:3%;bottom:65%;left:14%}.el-putzeimer{width:7.5%;bottom:0%;left:34%}.el-bewertung{width:5.8%;bottom:22%;left:45%}.el-parkbank{width:12%;top:1%;left:30%}.el-hase{width:5%;bottom:0%;right:19%}.el-schrift-sicherheit{width:16.5%;bottom:46%;left:14%}.el-schrift-qualitaet{width:16.5%;bottom:25%;left:37%}.el-schrift-campus{width:9.5%;bottom:25%;left:17%}}@media (width<=1024px){.scene-bg-strasse{width:108%}.el-pool{width:8%;top:47%;right:21%}.el-ente{width:6%;top:45%;right:22%}.el-sicherheit{width:22%;bottom:34%;left:2%}.el-shop{width:22%;top:1%;left:58%}.el-buero{width:22%;top:18%;left:73%}.el-akademie{width:24%;bottom:-4%;left:0%}.el-qualitaet{width:23%;bottom:10%;left:25%}.el-karriere{width:7%;top:3%;left:43%}.el-info{width:7%;top:8%;left:51%}.el-mail{width:6%;top:55%;left:90%}.el-auto{width:16%;top:40%;left:53%}.el-tetraeder{width:28%;top:59%;left:40%}.el-chefkoch{width:6%;top:52%;left:84%}.el-leiter{width:9%;bottom:38%;left:2%}.el-lieferung{width:11%;bottom:9%;right:19%}.el-muelltonne{width:9%;bottom:44%;left:-1%}.el-regenwurm{width:3%;bottom:67%;left:13%}.el-putzeimer{width:7%;bottom:0%;left:33%}.el-bewertung{width:5%;bottom:21%;left:45%}.el-parkbank{width:11%;top:0%;left:30%}.el-hase{width:5%;bottom:0%;right:18%}.el-schrift-sicherheit{width:14%;bottom:45%;left:12%}.el-schrift-qualitaet{width:14%;bottom:24%;left:36%}.el-schrift-campus{width:8.5%;bottom:24%;left:16%}}@media (width<=768px){.scene-hitbox-layer{display:none}.hitbox-toggle-btn{z-index:120;display:block;top:1.8%;left:2.2%}.scene--hitbox-mode .el-ente,.scene--hitbox-mode .el-sicherheit,.scene--hitbox-mode .el-shop,.scene--hitbox-mode .el-buero,.scene--hitbox-mode .el-akademie,.scene--hitbox-mode .el-qualitaet,.scene--hitbox-mode .el-karriere,.scene--hitbox-mode .el-info,.scene--hitbox-mode .el-mail,.scene--hitbox-mode .el-auto,.scene--hitbox-mode .el-leiter,.scene--hitbox-mode .el-chefkoch,.scene--hitbox-mode .el-lieferung,.scene--hitbox-mode .el-muelltonne,.scene--hitbox-mode .el-putzeimer,.scene--hitbox-mode .el-parkbank,.scene--hitbox-mode .el-hase{pointer-events:auto}.scene.scene--mobile-hitboxes .el-ente,.scene.scene--mobile-hitboxes .el-sicherheit,.scene.scene--mobile-hitboxes .el-shop,.scene.scene--mobile-hitboxes .el-buero,.scene.scene--mobile-hitboxes .el-akademie,.scene.scene--mobile-hitboxes .el-qualitaet,.scene.scene--mobile-hitboxes .el-karriere,.scene.scene--mobile-hitboxes .el-info,.scene.scene--mobile-hitboxes .el-mail,.scene.scene--mobile-hitboxes .el-auto,.scene.scene--mobile-hitboxes .el-leiter,.scene.scene--mobile-hitboxes .el-chefkoch,.scene.scene--mobile-hitboxes .el-lieferung,.scene.scene--mobile-hitboxes .el-muelltonne,.scene.scene--mobile-hitboxes .el-putzeimer,.scene.scene--mobile-hitboxes .el-parkbank,.scene.scene--mobile-hitboxes .el-hase,.scene.scene--mobile-hitboxes .el-tetraeder{outline-offset:2px;background:#fda50029;outline:2px solid #fda500e6}.scene.scene--mobile-hitboxes .el-ente:hover,.scene.scene--mobile-hitboxes .el-sicherheit:hover,.scene.scene--mobile-hitboxes .el-shop:hover,.scene.scene--mobile-hitboxes .el-buero:hover,.scene.scene--mobile-hitboxes .el-akademie:hover,.scene.scene--mobile-hitboxes .el-qualitaet:hover,.scene.scene--mobile-hitboxes .el-karriere:hover,.scene.scene--mobile-hitboxes .el-info:hover,.scene.scene--mobile-hitboxes .el-mail:hover,.scene.scene--mobile-hitboxes .el-auto:hover,.scene.scene--mobile-hitboxes .el-leiter:hover,.scene.scene--mobile-hitboxes .el-chefkoch:hover,.scene.scene--mobile-hitboxes .el-lieferung:hover,.scene.scene--mobile-hitboxes .el-muelltonne:hover,.scene.scene--mobile-hitboxes .el-putzeimer:hover,.scene.scene--mobile-hitboxes .el-parkbank:hover,.scene.scene--mobile-hitboxes .el-hase:hover,.scene.scene--mobile-hitboxes .el-tetraeder:hover{background:#50d2823d;outline-color:#50d282f2}.scene-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-y;background:linear-gradient(135deg,#9ccc65 0%,#7cb342 100%);overflow:hidden auto}.scene{zoom:1;grid-template-columns:repeat(12,minmax(0,1fr));place-items:start center;gap:clamp(10px,1.8vh,18px) clamp(6px,1.2vw,12px);width:100%;height:auto;min-height:100%;padding:clamp(12px,2.5vh,22px) clamp(10px,2.4vw,18px) clamp(24px,4vh,36px);display:grid;overflow:visible}.scene-bg-strasse,.el-pool,.el-ente,.el-auto,.el-hase,.el-lieferung{display:none!important}.scene-el{--m-row:auto;--m-col:span 6;--m-x:0%;--m-y:0%;--m-z:1;--m-size:100%;--m-scale:1;--m-hover-scale:1.04;grid-row:var(--m-row);grid-column:var(--m-col);max-width:none;z-index:var(--m-z);transform-origin:50%;position:relative;width:var(--m-size)!important;transform:translate(var(--m-x), var(--m-y)) scale(var(--m-scale))!important;inset:auto!important}.el-sicherheit{--m-row:3;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-30%}.el-leiter{--m-row:3;--m-col:1 / span 4;--m-z:5;--m-size:70%;--m-x:90%;--m-y:17%}.el-muelltonne{--m-row:3;--m-col:1 / span 4;--m-z:4;--m-size:80%;--m-x:40%;--m-y:70%}.el-schrift-sicherheit{--m-row:3;--m-col:5 / span 4;--m-z:5;--m-x:45%;--m-y:0%}.el-regenwurm{--m-row:3;--m-col:1 / span 3;--m-z:3;--m-size:60%;--m-x:280%;--m-y:130%}.el-putzeimer{--m-row:3;--m-col:9 / span 3;--m-z:4;--m-y:100%}.el-qualitaet{--m-row:4;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-parkbank{--m-row:4;--m-col:1 / span 4;--m-z:4;--m-size:70%;--m-y:120%;--m-x:70%}.el-schrift-qualitaet{--m-row:4;--m-col:5 / span 4;--m-z:5;--m-x:49%;--m-y:-17%}.el-bewertung{--m-row:4;--m-col:9 / span 3;--m-z:5;--m-size:60%;--m-x:-50%;--m-y:120%}.el-akademie{--m-row:5;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-schrift-campus{--m-row:5;--m-col:5 / span 4;--m-z:5;--m-y:-34%;--m-x:80%;--m-size:60%}.el-buero{--m-row:2;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-chefkoch{--m-row:2;--m-col:1 / span 3;--m-z:4;--m-size:50%;--m-y:30%;--m-x:60%}.el-mail{--m-row:2;--m-col:9 / span 3;--m-z:4;--m-size:50%;--m-y:60%;--m-x:20%}.el-shop{--m-row:6;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-35%}.el-info{--m-row:6;--m-col:9 / span 4;--m-z:4;--m-size:40%;--m-y:40%;--m-x:-50%}.el-karriere{--m-row:6;--m-col:1 / span 3;--m-z:4;--m-size:60%;--m-y:60%;--m-x:50%}.el-tetraeder{--m-row:1;--m-col:5 / span 4;--m-z:4;--m-size:290%;--m-y:-20%}.scene-el:hover{filter:drop-shadow(0 0 10px #ffe632bf)drop-shadow(0 0 32px #ffd20066)brightness(1.12);transform:translate(var(--m-x), var(--m-y)) scale(calc(var(--m-scale) * var(--m-hover-scale)))!important}.el-sicherheit:hover~.el-regenwurm{z-index:6;transform:translate(var(--m-x), var(--m-y)) scale(calc(var(--m-scale) * 1.1)) translateX(5%)!important}.scene--entering .scene-el{animation:none!important}}@media (width<=480px){.scene{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(6px,1.2vw,12px)}.el-sicherheit{--m-row:1;--m-col:5 / span 4;--m-z:4;--m-size:170%}.el-leiter{--m-row:1;--m-col:1 / span 4;--m-z:5;--m-size:70%;--m-x:90%;--m-y:70%}.el-muelltonne{--m-row:1;--m-col:1 / span 4;--m-z:4;--m-size:80%;--m-x:45%;--m-y:155%}.el-schrift-sicherheit{--m-row:1;--m-col:5 / span 4;--m-z:5;--m-x:45%;--m-y:62%}.el-regenwurm{--m-row:1;--m-col:1 / span 3;--m-z:3;--m-size:60%;--m-x:280%;--m-y:490%}.el-putzeimer{--m-row:1;--m-col:9 / span 3;--m-z:4;--m-y:170%}.el-qualitaet{--m-row:2;--m-col:5 / span 4;--m-z:4;--m-size:170%}.el-parkbank{--m-row:2;--m-col:1 / span 4;--m-z:4;--m-size:70%;--m-y:230%;--m-x:70%}.el-schrift-qualitaet{--m-row:2;--m-col:5 / span 4;--m-z:5;--m-x:45%;--m-y:72%}.el-bewertung{--m-row:2;--m-col:9 / span 3;--m-z:5;--m-size:60%;--m-x:-40%;--m-y:320%}.el-akademie{--m-row:3;--m-col:5 / span 4;--m-z:4;--m-size:170%}.el-schrift-campus{--m-row:3;--m-col:5 / span 4;--m-z:5;--m-y:185%;--m-x:80%;--m-size:60%}.el-buero{--m-row:4;--m-col:5 / span 4;--m-z:4;--m-size:170%}.el-chefkoch{--m-row:4;--m-col:1 / span 3;--m-z:4;--m-size:50%;--m-y:110%;--m-x:60%}.el-mail{--m-row:4;--m-col:9 / span 3;--m-z:4;--m-size:50%;--m-y:150%;--m-x:20%}.el-shop{--m-row:5;--m-col:5 / span 4;--m-z:4;--m-size:170%}.el-info{--m-row:5;--m-col:9 / span 4;--m-z:4;--m-size:40%;--m-y:90%}.el-karriere{--m-row:5;--m-col:1 / span 3;--m-z:4;--m-size:60%;--m-y:110%;--m-x:60%}.el-tetraeder{--m-row:6;--m-col:5 / span 4;--m-z:4;--m-size:290%;--m-y:-20%}}@media (width<=360px){.scene{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(6px,1.2vw,12px)}.el-sicherheit{--m-row:3;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-30%}.el-leiter{--m-row:3;--m-col:1 / span 4;--m-z:5;--m-size:70%;--m-x:90%;--m-y:17%}.el-muelltonne{--m-row:3;--m-col:1 / span 4;--m-z:4;--m-size:80%;--m-x:40%;--m-y:70%}.el-schrift-sicherheit{--m-row:3;--m-col:5 / span 4;--m-z:5;--m-x:45%;--m-y:0%}.el-regenwurm{--m-row:3;--m-col:1 / span 3;--m-z:3;--m-size:60%;--m-x:280%;--m-y:470%}.el-putzeimer{--m-row:3;--m-col:9 / span 3;--m-z:4;--m-y:100%}.el-qualitaet{--m-row:4;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-parkbank{--m-row:4;--m-col:1 / span 4;--m-z:4;--m-size:70%;--m-y:120%;--m-x:70%}.el-schrift-qualitaet{--m-row:4;--m-col:5 / span 4;--m-z:5;--m-x:49%;--m-y:-17%}.el-bewertung{--m-row:4;--m-col:9 / span 3;--m-z:5;--m-size:60%;--m-x:-50%;--m-y:120%}.el-akademie{--m-row:5;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-schrift-campus{--m-row:5;--m-col:5 / span 4;--m-z:5;--m-y:-34%;--m-x:80%;--m-size:60%}.el-buero{--m-row:2;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-40%}.el-chefkoch{--m-row:2;--m-col:1 / span 3;--m-z:4;--m-size:50%;--m-y:30%;--m-x:60%}.el-mail{--m-row:2;--m-col:9 / span 3;--m-z:4;--m-size:50%;--m-y:60%;--m-x:20%}.el-shop{--m-row:6;--m-col:5 / span 4;--m-z:4;--m-size:170%;--m-y:-35%}.el-info{--m-row:6;--m-col:9 / span 4;--m-z:4;--m-size:40%;--m-y:40%;--m-x:-50%}.el-karriere{--m-row:6;--m-col:1 / span 3;--m-z:4;--m-size:60%;--m-y:60%;--m-x:50%}.el-tetraeder{--m-row:1;--m-col:5 / span 4;--m-z:4;--m-size:290%;--m-y:-20%}}.consent-banner{color:#fff;z-index:99;background:#305032bf;border-top-left-radius:.5rem;border-top-right-radius:.5rem;gap:1rem;width:80%;max-width:1200px;padding:1rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000026}.consent-banner__image{object-fit:contain;flex-shrink:0;width:auto;height:240px}.consent-banner__content{flex-direction:column;flex:1;justify-content:space-between;gap:1rem;display:flex}.consent-banner__text{flex:1}.consent-banner__title{color:#fda500;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.consent-banner__subtitle{margin:0 0 1rem;font-size:1.25rem;font-weight:400;line-height:1.4}.consent-banner__description{margin:2rem 0 0;font-size:.875rem;line-height:1.6}.consent-banner__link{color:inherit;cursor:pointer;text-decoration:underline;transition:opacity .2s}.consent-banner__link:hover{opacity:.8}.consent-banner__settings{flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:3rem;display:flex}.consent-banner__setting-item{flex-direction:column;gap:.5rem;display:flex}.consent-banner__setting-header{align-items:center;gap:.5rem;display:flex}.consent-banner__checkbox{cursor:pointer;accent-color:#fda500;width:1.25rem;height:1.25rem}.consent-banner__checkbox:disabled{cursor:not-allowed;opacity:.6}.consent-banner__setting-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}.consent-banner__setting-description{opacity:.9;margin:0 0 0 2rem;font-size:.875rem;line-height:1.4}.consent-banner__buttons{flex-wrap:wrap;gap:3rem;display:flex}.consent-banner__button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff;border-radius:9999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.consent-banner__button:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.02)}.consent-banner__button:active{transform:scale(.98)}.consent-banner__button--primary{color:#305032;background:#fff;border-color:#fff}.consent-banner__button--primary:hover{background:#fffffff2;box-shadow:0 2px 8px #0003}@media (width<=1024px){.consent-banner{gap:.75rem;width:90%;padding:.75rem}.consent-banner__image{height:180px}.consent-banner__title{font-size:1.1rem}.consent-banner__subtitle{font-size:1rem}.consent-banner__buttons{gap:1rem}.consent-banner__button{padding:.5rem 1rem;font-size:.75rem}}@media (width<=768px){.consent-banner{flex-direction:column;width:95%;margin-left:-47.5%;bottom:auto;left:50%;transform:none}.consent-banner__image{align-self:center;height:150px}.consent-banner__title{font-size:1rem}.consent-banner__subtitle{font-size:.9rem}.consent-banner__description{margin-top:1rem;font-size:.8rem}.consent-banner__buttons{justify-content:center;gap:.5rem}.consent-banner__button{flex:1;min-width:100px;padding:.5rem .75rem;font-size:.7rem}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0a0f1e99;justify-content:center;align-items:center;padding:clamp(12px,3vw,32px);animation:.25s both modal-overlay-in;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:#fff;border-radius:20px;flex-direction:column;width:min(96vw,1300px);max-height:96svh;animation:.3s cubic-bezier(.34,1.3,.64,1) both modal-panel-in;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff1f,0 2px 8px #00000026}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.92)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{flex-shrink:0;align-items:center;min-height:clamp(72px,10vh,100px);padding:clamp(20px,3vw,32px) clamp(20px,3vw,36px);display:flex;position:relative;overflow:hidden}.modal-header-bg{background:linear-gradient(135deg, color-mix(in srgb, var(--modal-accent) 90%, #000) 0%, var(--modal-accent) 45%, color-mix(in srgb, var(--modal-accent) 70%, #1ab106) 100%);position:absolute;inset:0}.modal-header-bg:before,.modal-header-bg:after{content:"";opacity:.15;border-radius:50%;position:absolute}.modal-header-bg:before{background:#ffffffe6;width:320px;height:320px;top:-120px;right:-60px}.modal-header-bg:after{background:#ffffffb3;width:180px;height:180px;bottom:-80px;left:30%}.modal-header-content{flex:1;align-items:center;gap:clamp(10px,1.5vw,18px);min-width:0;display:flex;position:relative}.modal-icon{filter:drop-shadow(0 2px 6px #00000040);flex-shrink:0;font-size:clamp(28px,4vw,44px);line-height:1}.modal-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px #0003;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(18px,2.8vw,32px);font-weight:700;overflow:hidden}.modal-close{color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);margin-left:clamp(12px,2vw,24px);transition:background .18s,transform .18s,border-color .18s;display:flex;position:relative}.modal-close:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.08)rotate(90deg)}.modal-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.modal-close svg{width:42%;height:42%}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex:0 auto;padding:clamp(20px,3vw,40px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.tablet-overlay{z-index:1100;-webkit-backdrop-filter:blur(22px)saturate(1.1);background:radial-gradient(60% 55% at 12% 18%,#41825047 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372359 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda5001a 0%,#0000 50%),#162618e0;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2vh,20px);padding:clamp(8px,2vh,24px) clamp(8px,2vw,32px);animation:.35s cubic-bezier(.22,1,.36,1) both tablet-overlay-in;display:flex;position:fixed;inset:0}@keyframes tablet-overlay-in{0%{opacity:0}to{opacity:1}}.tablet-ambient{pointer-events:none;filter:blur(62px);opacity:.75;border-radius:50%;animation:9s ease-in-out infinite alternate tablet-blob-float;position:absolute}.tablet-ambient--left{background:radial-gradient(circle,#37824bbf 0%,#1e412633 55%,#0000 70%);width:min(42vw,520px);height:min(42vw,520px);top:5%;left:-8%}.tablet-ambient--right{background:radial-gradient(circle,#fda50073 0%,#8c55001a 55%,#0000 70%);width:min(36vw,440px);height:min(36vw,440px);animation-direction:alternate-reverse;animation-delay:-4s;bottom:8%;right:-6%}.tablet-ambient--top{opacity:.5;background:radial-gradient(circle,#285a3299 0%,#14321c1f 55%,#0000 70%);width:min(28vw,340px);height:min(28vw,340px);animation-delay:-6.5s;top:-8%;left:32%}@keyframes tablet-blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(4%,5%)scale(1.1)}}.tablet-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.tablet-particle{opacity:0;border-radius:50%;animation:linear infinite tablet-particle-rise;position:absolute}.tablet-particle:first-child{background:radial-gradient(circle,#41c373e6,#0000 70%);width:8px;height:8px;animation-duration:10s;animation-delay:.5s;bottom:-10px;left:7%}.tablet-particle:nth-child(2){background:radial-gradient(circle,#fda500d9,#0000 70%);width:5px;height:5px;animation-duration:13s;animation-delay:2.2s;bottom:-10px;left:21%}.tablet-particle:nth-child(3){background:radial-gradient(circle,#4b91e4d9,#0000 70%);width:10px;height:10px;animation-duration:11s;animation-delay:.1s;bottom:-10px;left:37%}.tablet-particle:nth-child(4){background:radial-gradient(circle,#41c373bf,#0000 70%);width:6px;height:6px;animation-duration:8.5s;animation-delay:3.8s;bottom:-10px;left:54%}.tablet-particle:nth-child(5){background:radial-gradient(circle,#fda500e6,#0000 70%);width:4px;height:4px;animation-duration:15s;animation-delay:1.1s;bottom:-10px;left:69%}.tablet-particle:nth-child(6){background:radial-gradient(circle,#4b91e4cc,#0000 70%);width:9px;height:9px;animation-duration:12s;animation-delay:4.5s;bottom:-10px;left:83%}.tablet-particle:nth-child(7){background:radial-gradient(circle,#41c373b3,#0000 70%);width:5px;height:5px;animation-duration:7.5s;animation-delay:6.2s;bottom:-10px;left:14%}.tablet-particle:nth-child(8){background:radial-gradient(circle,#fda500bf,#0000 70%);width:7px;height:7px;animation-duration:14s;animation-delay:2.7s;bottom:-10px;left:47%}.tablet-particle:nth-child(9){background:radial-gradient(circle,#4b91e4e6,#0000 70%);width:4px;height:4px;animation-duration:9.8s;animation-delay:7.3s;bottom:-10px;left:62%}.tablet-particle:nth-child(10){background:radial-gradient(circle,#41c373cc,#0000 70%);width:6px;height:6px;animation-duration:11.8s;animation-delay:3.2s;bottom:-10px;left:92%}@keyframes tablet-particle-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}5%{opacity:.85}50%{opacity:.5;transform:translateY(-42vh)translate(18px)scale(.75)}90%{opacity:.1}to{opacity:0;transform:translateY(-95vh)translate(-8px)scale(.2)}}.tablet-device-wrap{flex-shrink:1;animation:7s ease-in-out 1s infinite tablet-float-idle;position:relative}.tablet-device{aspect-ratio:4/3;width:min(96vw,1610px);max-height:94vh;animation:.72s cubic-bezier(.34,1.35,.64,1) 50ms both tablet-device-in;position:relative}@keyframes tablet-device-in{0%{opacity:0;filter:blur(6px)brightness(1.6);transform:perspective(1600px)rotateX(38deg)rotateY(-10deg)scale(.58)translateY(100px)}52%{opacity:1;filter:blur()brightness();transform:perspective(1600px)rotateX(-6deg)rotateY(2.5deg)scale(1.045)translateY(-12px)}72%{transform:perspective(1600px)rotateX(2.5deg)rotateY(-1deg)scale(.988)translateY(5px)}87%{transform:perspective(1600px)rotateX(-.8deg)rotateY(.4deg)scale(1.006)translateY(-2px)}to{opacity:1;filter:blur()brightness();transform:perspective(1600px)rotateX(0)rotateY(0)scale(1)translateY(0)}}@keyframes tablet-float-idle{0%,to{transform:translateY(0)rotate(.08deg)}38%{transform:translateY(-7px)rotate(-.14deg)}65%{transform:translateY(-3px)rotate(.18deg)}}.tablet-frame{z-index:0;background:linear-gradient(162deg,#484c53 0%,#30343a 22%,#1f2226 55%,#292d32 80%,#3e4248 100%);border-radius:clamp(18px,2.5vw,32px);animation:4.5s ease-in-out infinite alternate tablet-frame-glow;position:absolute;inset:0;box-shadow:0 55px 120px #0000008c,0 22px 50px #0006,0 6px 16px #0000004d,inset 0 2px #fff3,inset 0 -2px #0000008c,inset 2px 0 #ffffff14,inset -2px 0 #00000073,0 0 0 1px #ffffff12}@keyframes tablet-frame-glow{0%{filter:drop-shadow(0 0 20px #41c3732e)drop-shadow(0 0 50px #417dd714)}to{filter:drop-shadow(0 0 38px #41c37359)drop-shadow(0 0 80px #fda50026)}}.tablet-frame:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.tablet-frame:after{content:"";pointer-events:none;border-radius:calc(clamp(18px,2.5vw,32px) - 4px);position:absolute;inset:1.5%;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 5px #ffffff12}.tablet-frame-shimmer{border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(108deg,#0000 25%,#ffffff21 45%,#ffffff0f 55%,#0000 75%) 200% 0/250% 100%;animation:5s ease-in-out 1.4s infinite tablet-shimmer-sweep;position:absolute;inset:0}@keyframes tablet-shimmer-sweep{0%{opacity:0;background-position:220% 0}12%{opacity:1}65%{opacity:1}85%{opacity:.3;background-position:-55% 0}to{opacity:0;background-position:-100% 0}}.tablet-top-bar{z-index:2;justify-content:center;align-items:center;width:12%;height:3.5%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.tablet-camera{align-items:center;gap:5px;display:flex}.tablet-camera-lens{background:radial-gradient(circle at 35% 35%,#1a2a3a,#0a0f16);border-radius:50%;width:clamp(8px,1.2vw,14px);height:clamp(8px,1.2vw,14px);box-shadow:inset 0 0 4px #0050a099,0 0 0 1px #ffffff14,0 0 6px #1e64c840}.tablet-camera-dot{background:#ff6b35;border-radius:50%;width:clamp(3px,.4vw,5px);height:clamp(3px,.4vw,5px);box-shadow:0 0 4px #ff6b35b3}.tablet-side-buttons{z-index:2;flex-direction:column;gap:clamp(5px,.8vw,10px);display:flex;position:absolute;top:20%}.tablet-side-buttons--right{right:1%}.tablet-side-buttons--left{left:1%}.tablet-btn{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1f 50%,#ffffff0a 100%);border-radius:2px;box-shadow:0 1px 2px #0009,inset 0 1px #ffffff1a}.tablet-btn--power{width:clamp(3px,.5vw,6px);height:clamp(22px,4vw,40px)}.tablet-btn--vol-up,.tablet-btn--vol-down{width:clamp(3px,.5vw,6px);height:clamp(16px,3vw,28px)}.tablet-btn--mute{width:clamp(3px,.5vw,6px);height:clamp(12px,2vw,20px)}.tablet-bottom-bar{justify-content:center;align-items:center;width:20%;height:3%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tablet-home-indicator{background:#fff3;border-radius:2px;width:50%;height:3px}.tablet-bezel{z-index:1;background:#f2f7f4;border-radius:clamp(10px,1.5vw,20px);flex-direction:column;display:flex;position:absolute;inset:3.5%;overflow:hidden}.tablet-screen-glow{border-radius:inherit;pointer-events:none;z-index:10;background:radial-gradient(at 50% -5%,#41c37324 0%,#4b91e40d 45%,#0000 65%);position:absolute;inset:0}.tablet-screen-flash{border-radius:inherit;pointer-events:none;z-index:15;background:#fff;animation:.9s cubic-bezier(.4,0,.2,1) .22s both tablet-screen-power-on;position:absolute;inset:0}@keyframes tablet-screen-power-on{0%{opacity:0}18%{opacity:1}45%{opacity:.65}to{opacity:0}}.tablet-status-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#122016d1;letter-spacing:.3px;z-index:5;background:#ffffffe6;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;height:clamp(22px,3.5%,30px);padding:clamp(4px,.8vw,8px) clamp(10px,2vw,20px);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(8px,1.1vw,13px);font-weight:600;display:flex;position:relative}.tablet-status-time{font-variant-numeric:tabular-nums}.tablet-status-icons{color:#122016bf;align-items:center;gap:clamp(4px,.8vw,8px);display:flex}.tablet-status-icons svg{width:clamp(10px,1.4vw,16px);height:auto}.tablet-content{color:#1a2e1f;scrollbar-width:thin;scrollbar-color:#41b46966 transparent;background:linear-gradient(158deg,#fff 0%,#f2f9f5 48%,#eff5fe 100%);flex:1;position:relative;overflow:hidden auto}.tablet-content::-webkit-scrollbar{width:5px}.tablet-content::-webkit-scrollbar-track{background:0 0}.tablet-content::-webkit-scrollbar-thumb{background:#41b46966;border-radius:3px}.tablet-content::-webkit-scrollbar-thumb:hover{background:#41b469b3}.tablet-content:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000002 0 1px,#0000 1px 4px);position:absolute;inset:0}.tablet-nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#ffffffbf;border-top:1px solid #0000000d;flex-shrink:0;justify-content:center;align-items:center;height:clamp(20px,3%,28px);display:flex;position:relative}.tablet-home-pill{background:#0000002e;border-radius:2px;width:30%;height:4px}.tablet-reflection{pointer-events:none;z-index:2;background:linear-gradient(126deg,#fff3 0%,#ffffff12 28%,#0000 52%);border-radius:clamp(10px,1.5vw,20px);position:absolute;inset:3.5%}.tablet-reflection:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#ffffff1f 0%,#0000 100%);width:32%;position:absolute;top:5%;bottom:5%;left:0}.tablet-reflection:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff1a 0%,#0000 100%);height:32%;position:absolute;top:0;left:0;right:0}.tablet-close-hint{color:#fff6;text-align:center;pointer-events:none;letter-spacing:.3px;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(10px,1.2vw,13px);animation:.6s .4s both tablet-overlay-in}.tablet-close-hint kbd{font-size:inherit;color:#ffffff80;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:1px 6px;font-family:inherit;display:inline-block}@media (aspect-ratio<=4/3){.tablet-device{aspect-ratio:3/4;width:min(96vw,760px)}}@media (width<=600px){.tablet-close-hint{display:none}.tablet-device{max-height:88vh}}.tablet-embedded{background:radial-gradient(60% 55% at 15% 20%,#003c7838 0%,#0000 55%),radial-gradient(50% 45% at 85% 75%,#001e5047 0%,#0000 55%),#080e1af7;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(8px,2vh,24px) clamp(8px,2vw,32px);display:flex;position:relative;overflow:hidden}.book-overlay{z-index:1100;-webkit-backdrop-filter:blur(22px)saturate(1.1);background:radial-gradient(60% 55% at 12% 18%,#41825047 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372359 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda5001a 0%,#0000 50%),#162618eb;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2vh,20px);padding:clamp(8px,2vh,24px) clamp(8px,2vw,32px);animation:1.2s cubic-bezier(.22,1,.36,1) both book-overlay-in;display:flex;position:fixed;inset:0}@keyframes book-overlay-in{0%{opacity:0;background:radial-gradient(60% 55% at 12% 18%,#41825000 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372300 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda50000 0%,#0000 50%),#16261800}30%{opacity:1;background:radial-gradient(60% 55% at 12% 18%,#4182501a 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#1937231f 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda50008 0%,#0000 50%),#1626184d}60%{background:radial-gradient(60% 55% at 12% 18%,#41825033 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372340 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda50012 0%,#0000 50%),#162618a6}to{opacity:1;background:radial-gradient(60% 55% at 12% 18%,#41825047 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372359 0%,#0000 52%),radial-gradient(44% 40% at 50% 105%,#fda5001a 0%,#0000 50%),#162618eb}}.book-ambient{pointer-events:none;filter:blur(62px);opacity:.75;border-radius:50%;animation:9s ease-in-out infinite alternate book-blob-float;position:absolute}.book-ambient--left{background:radial-gradient(circle,#37824bbf 0%,#1e412633 55%,#0000 70%);width:min(42vw,520px);height:min(42vw,520px);top:5%;left:-8%}.book-ambient--right{background:radial-gradient(circle,#fda50073 0%,#8c55001a 55%,#0000 70%);width:min(36vw,440px);height:min(36vw,440px);animation-direction:alternate-reverse;animation-delay:-4s;bottom:8%;right:-6%}.book-ambient--top{opacity:.5;background:radial-gradient(circle,#285a3299 0%,#14321c1f 55%,#0000 70%);width:min(28vw,340px);height:min(28vw,340px);animation-delay:-6.5s;top:-8%;left:32%}@keyframes book-blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(4%,5%)scale(1.1)}}.book-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.book-particle{opacity:0;border-radius:50%;animation:linear infinite book-particle-rise;position:absolute}.book-particle:first-child{background:radial-gradient(circle,#41c373e6,#0000 70%);width:8px;height:8px;animation-duration:10s;animation-delay:.5s;bottom:-10px;left:7%}.book-particle:nth-child(2){background:radial-gradient(circle,#fda500d9,#0000 70%);width:5px;height:5px;animation-duration:13s;animation-delay:2.2s;bottom:-10px;left:21%}.book-particle:nth-child(3){background:radial-gradient(circle,#4b91e4d9,#0000 70%);width:10px;height:10px;animation-duration:11s;animation-delay:.1s;bottom:-10px;left:37%}.book-particle:nth-child(4){background:radial-gradient(circle,#41c373bf,#0000 70%);width:6px;height:6px;animation-duration:8.5s;animation-delay:3.8s;bottom:-10px;left:54%}.book-particle:nth-child(5){background:radial-gradient(circle,#fda500e6,#0000 70%);width:4px;height:4px;animation-duration:15s;animation-delay:1.1s;bottom:-10px;left:69%}.book-particle:nth-child(6){background:radial-gradient(circle,#4b91e4cc,#0000 70%);width:9px;height:9px;animation-duration:12s;animation-delay:4.5s;bottom:-10px;left:83%}.book-particle:nth-child(7){background:radial-gradient(circle,#41c373b3,#0000 70%);width:5px;height:5px;animation-duration:7.5s;animation-delay:6.2s;bottom:-10px;left:14%}.book-particle:nth-child(8){background:radial-gradient(circle,#fda500bf,#0000 70%);width:7px;height:7px;animation-duration:14s;animation-delay:2.7s;bottom:-10px;left:47%}.book-particle:nth-child(9){background:radial-gradient(circle,#4b91e4e6,#0000 70%);width:4px;height:4px;animation-duration:9.8s;animation-delay:7.3s;bottom:-10px;left:62%}.book-particle:nth-child(10){background:radial-gradient(circle,#41c373cc,#0000 70%);width:6px;height:6px;animation-duration:11.8s;animation-delay:3.2s;bottom:-10px;left:92%}@keyframes book-particle-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}5%{opacity:.85}50%{opacity:.5;transform:translateY(-42vh)translate(18px)scale(.75)}90%{opacity:.1}to{opacity:0;transform:translateY(-95vh)translate(-8px)scale(.2)}}.book-wrap{z-index:1;flex-direction:column;align-items:center;gap:clamp(14px,2.5vh,22px);animation:1.4s cubic-bezier(.34,1.32,.64,1) .2s both book-wrap-in;display:flex;position:relative}@keyframes book-wrap-in{0%{opacity:0;filter:blur(12px)brightness(1.8);transform:perspective(1600px)rotateX(25deg)rotateY(8deg)scale(.25)translateY(100px)}25%{opacity:.6;filter:blur(4px)brightness(1.3);transform:perspective(1600px)rotateX(15deg)rotateY(5deg)scale(.55)translateY(60px)}50%{opacity:1;filter:blur()brightness();transform:perspective(1600px)rotateX(-5deg)rotateY(-3deg)scale(1.04)translateY(-10px)}75%{transform:perspective(1600px)rotateX(2deg)rotateY(1deg)scale(.99)translateY(4px)}to{opacity:1;filter:blur()brightness();transform:perspective(1600px)rotateX(0)rotateY(0)scale(1)translateY(0)}}.book-shadow{filter:blur(18px);pointer-events:none;z-index:-1;background:radial-gradient(78% 55%,#000000b8 0%,#00000024 55%,#0000 72%);width:92%;height:clamp(28px,5vh,52px);position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}.book{--book-h:clamp(575px, 94vh, 1035px);--book-page-w:calc(var(--book-h) * .714);height:var(--book-h);width:calc(var(--book-page-w) * 2 + clamp(22px, 2.6vw, 42px));transform-style:preserve-3d;perspective:2000px;flex-shrink:0;align-items:stretch;animation:7s ease-in-out 2.8s infinite book-idle-float;display:flex;position:relative}.book:before,.book:after{display:none}.book-stack-layer{clip-path:url(#book-page-bow);pointer-events:none;border-radius:3px;width:99%;height:93%;position:absolute;top:0;left:0}.book-stack-layer--1{transform-origin:bottom;opacity:.96;background:linear-gradient(#f0e8de 0%,#f7f2ec 30%,#f4ede5 70%,#e9e0d6 100%);transform:translateY(29px)translate(-10px)rotate(-.15deg);box-shadow:0 4px 18px #00000047,inset 0 1px #ffffff8c}.book-stack-layer--2{transform-origin:bottom;opacity:.88;background:linear-gradient(#e8dfd4 0%,#f2ece4 30%,#efead1 70%,#e3dbd1 100%);transform:translateY(31px)translate(-10px)rotate(.22deg);box-shadow:0 6px 22px #00000038,inset 0 1px #fff6}.book-stack-layer--3{transform-origin:bottom;opacity:.78;background:linear-gradient(#e0d8ce 0%,#ece6de 30%,#e8e3d8 70%,#dcd4ca 100%);transform:translateY(35px)translate(-10px)rotate(-.85deg);box-shadow:0 8px 26px #0000002e,inset 0 1px #ffffff4d}.book-stack-layer--4{transform-origin:bottom;opacity:.74;background:linear-gradient(#e0d8ce 0%,#ece6de 30%,#e8e3d8 70%,#dcd4ca 100%);transform:translateY(40px)translate(-10px)rotate(.9deg);box-shadow:0 8px 26px #0000002e,inset 0 1px #ffffff4d}@keyframes book-idle-float{0%,to{transform:translateY(0)}42%{transform:translateY(-6px)}68%{transform:translateY(-3px)}}.book-spine{clip-path:url(#book-page-bow);z-index:3;background:linear-gradient(90deg,#ffffff12 0%,#0000 35%,#0000002e 100%),linear-gradient(#48835a 0%,#2e5c3c 12%,#1b3d25 30%,#122818 52%,#1b3d25 70%,#2e5c3c 88%,#48835a 100%);border-radius:5px 0 0 5px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:clamp(22px,2.6vw,42px);padding:clamp(8px,1.5vh,16px) 0;display:flex;position:relative;overflow:hidden;box-shadow:inset -4px 0 10px #00000085,inset 4px 0 6px #ffffff0f,-3px 0 20px #0009}.book-spine:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#fdd78238 12%,#fdd7826b 30% 70%,#fdd78238 88%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book-spine-title{writing-mode:vertical-lr;color:#fdd782e6;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 4px #00000080;font-family:Georgia,Times New Roman,serif;font-size:clamp(8px,1vw,13px);font-weight:700;transform:rotate(180deg)}.book-spine-lines{flex-direction:column;gap:clamp(3px,.5vh,6px);width:65%;display:flex}.book-spine-line{background:#fdd78233;border-radius:1px;height:1px}.book-page{width:var(--book-page-w);clip-path:url(#book-page-bow);transform-style:preserve-3d;flex:none;position:relative;overflow:hidden}.book-page--left{transform-origin:100%;animation:1.4s cubic-bezier(.34,1.15,.64,1) .2s both book-page-open-left}.book-page--right{transform-origin:0;animation:1.4s cubic-bezier(.34,1.15,.64,1) .2s both book-page-open-right}@keyframes book-page-open-left{0%{opacity:.3;transform:perspective(2000px)rotateY(95deg)}40%{opacity:.85;transform:perspective(2000px)rotateY(20deg)}70%{opacity:1;transform:perspective(2000px)rotateY(-3deg)}to{opacity:1;transform:perspective(2000px)rotateY(0)}}@keyframes book-page-open-right{0%{opacity:.3;transform:perspective(2000px)rotateY(-95deg)}40%{opacity:.85;transform:perspective(2000px)rotateY(-20deg)}70%{opacity:1;transform:perspective(2000px)rotateY(3deg)}to{opacity:1;transform:perspective(2000px)rotateY(0)}}.book-page-inner{background:linear-gradient(158deg,#fffefc 0%,#fdf9ee 30%,#f9f4e4 65%,#f3edd6 100%);flex-direction:column;display:flex;position:absolute;inset:0}.book-page--left .book-page-inner{box-shadow:inset -22px 0 34px #0000001c,inset -5px 0 10px #00000012,inset 0 -8px 18px #0000000a,inset 0 8px 18px #0000000a}.book-page--right .book-page-inner{box-shadow:inset 22px 0 34px #00000014,inset 5px 0 10px #0000000d,inset 0 -8px 18px #0000000a,inset 0 8px 18px #0000000a,6px 0 24px #00000047}.book-page-texture{pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.book-gutter{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#0000000f 60%,#0000001f 100%);width:36px;position:absolute;top:0;bottom:0;right:0}.book-page-content{z-index:3;color:#2a2010;scrollbar-width:thin;scrollbar-color:#2a52344d transparent;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:normal;flex:1;min-height:0;padding:0;font-family:Georgia,Times New Roman,serif;position:relative;overflow:hidden auto}.book-page-content p,.book-page-content h1,.book-page-content h2,.book-page-content h3,.book-page-content li,.book-page-content span{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.book-page-content::-webkit-scrollbar{width:3px}.book-page-content::-webkit-scrollbar-thumb{background:#2a52344d;border-radius:2px}.book-page-empty{justify-content:center;align-items:center;height:100%;display:flex}.book-page-ornament{border:1.5px solid #2e5c382e;border-radius:50%;width:clamp(40px,5vw,80px);height:clamp(40px,5vw,80px);position:relative}.book-page-ornament:before,.book-page-ornament:after{content:"";border:1px solid #2e5c381f;border-radius:50%;position:absolute;inset:8px}.book-page-ornament:after{border-style:dashed;inset:18px}.book-page-number{color:#2a20108c;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:clamp(9px,1.1vw,13px);position:absolute;bottom:8%}.book-page-number--left{left:clamp(14px,3vw,38px)}.book-page-number--right{right:clamp(14px,3vw,38px)}.book-page-corner{cursor:pointer;z-index:10;background:0 0;border:none;width:clamp(55px,7vw,95px);height:clamp(55px,7vw,95px);padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;right:0;overflow:visible}.book-page-corner:hover{transform:scale(1.12)}.book-page-corner:active{transform:scale(.92)}.book-page-corner-fold{clip-path:polygon(100% 0%,0% 100%,100% 100%);pointer-events:none;filter:brightness(1.02);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#0000 0% 49.5%,#faf6eef5 49.5%,#f8f3e8fa 50.5%,#f6f0e2 100%);width:100%;height:100%;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;right:0;box-shadow:inset -3px -3px 8px #00000026,inset -1px -1px 3px #0000001a,-2px -2px 6px #00000014,-4px -4px 12px #0000000d}.book-page-corner-fold:before{content:"";transform-origin:100% 100%;pointer-events:none;filter:blur(.5px);background:linear-gradient(#00000038 0%,#0000001f 30%,#ffffff40 60%,#ffffff26 100%);width:141.42%;height:3px;position:absolute;bottom:0;right:0;transform:rotate(-45deg)}.book-page-corner-fold:after{content:"";clip-path:polygon(100% 0%,0% 100%,100% 100%);z-index:-1;pointer-events:none;filter:brightness(.92);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E"),linear-gradient(135deg,#0000 0% 49%,#ebe4d2d9 49%,#e8e0cde6 51%,#e4dac3f2 100%);width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;bottom:-2px;right:-2px;box-shadow:inset 2px 2px 4px #0000001f}.book-page-corner:hover .book-page-corner-fold{filter:brightness(1.05);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(135deg,#0000 0% 49.5%,#fdfaf2f7 49.5%,#fbf7edfc 50.5%,#f9f4e8 100%);box-shadow:inset -4px -4px 10px #0000002e,inset -2px -2px 4px #0000001f,-3px -3px 8px #0000001f,-6px -6px 16px #00000014}.book-page-corner:hover .book-page-corner-fold:before{background:linear-gradient(#00000047 0%,#00000029 30%,#ffffff59 60%,#fff3 100%)}.book-flip-leaf{width:50%;transform-style:preserve-3d;pointer-events:none;z-index:10;position:absolute;top:0;bottom:0}.book-flip-leaf--forward{transform-origin:0;clip-path:url(#book-page-bow);animation:.95s cubic-bezier(.45,.05,.55,.95) both flip-forward;left:50%}.book-flip-leaf--backward{transform-origin:0;clip-path:url(#book-page-bow);animation:.95s cubic-bezier(.45,.05,.55,.95) both flip-backward;left:50%}@keyframes flip-forward{0%{animation-timing-function:cubic-bezier(.33,0,.67,.33);transform:perspective(1600px)rotateY(0)translateZ(0)}15%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-22deg)translateZ(8px)}30%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-52deg)translateZ(18px)}45%{animation-timing-function:linear;transform:perspective(1600px)rotateY(-82deg)translateZ(24px)}50%{animation-timing-function:linear;transform:perspective(1600px)rotateY(-90deg)translateZ(26px)}55%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-98deg)translateZ(24px)}70%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-128deg)translateZ(18px)}85%{animation-timing-function:cubic-bezier(.33,.67,.67,1);transform:perspective(1600px)rotateY(-158deg)translateZ(8px)}to{transform:perspective(1600px)rotateY(-180deg)translateZ(0)}}@keyframes flip-backward{0%{animation-timing-function:cubic-bezier(.33,0,.67,.33);transform:perspective(1600px)rotateY(-180deg)translateZ(0)}15%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-158deg)translateZ(8px)}30%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-128deg)translateZ(18px)}45%{animation-timing-function:linear;transform:perspective(1600px)rotateY(-98deg)translateZ(24px)}50%{animation-timing-function:linear;transform:perspective(1600px)rotateY(-90deg)translateZ(26px)}55%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-82deg)translateZ(24px)}70%{animation-timing-function:cubic-bezier(.33,.33,.67,.67);transform:perspective(1600px)rotateY(-52deg)translateZ(18px)}85%{animation-timing-function:cubic-bezier(.33,.67,.67,1);transform:perspective(1600px)rotateY(-22deg)translateZ(8px)}to{transform:perspective(1600px)rotateY(0)translateZ(0)}}.book-flip-front,.book-flip-back{backface-visibility:hidden;background:linear-gradient(158deg,#fffefc 0%,#fdfaf2 45%,#f6f0de 100%);position:absolute;inset:0;overflow:hidden}.book-flip-back{background:linear-gradient(158deg,#f6f0de 0%,#fdfaf2 55%,#fffefc 100%);transform:rotateY(180deg)}.book-flip-front:after,.book-flip-back:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0}.book-flip-leaf--forward .book-flip-front:after{background:linear-gradient(270deg,#0000008c 0%,#00000026 45%,#0000 100%);animation:.95s ease-in-out both flip-shadow-on}.book-flip-leaf--forward .book-flip-back:after{background:linear-gradient(90deg,#00000080 0%,#0000001f 45%,#0000 100%);animation:.95s ease-in-out both flip-shadow-off}.book-flip-leaf--backward .book-flip-front:after{background:linear-gradient(270deg,#00000080 0%,#0000001f 45%,#0000 100%);animation:.95s ease-in-out both flip-shadow-off}.book-flip-leaf--backward .book-flip-back:after{background:linear-gradient(90deg,#0000008c 0%,#00000026 45%,#0000 100%);animation:.95s ease-in-out both flip-shadow-on}@keyframes flip-shadow-on{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes flip-shadow-off{0%{opacity:.85}50%{opacity:.3}to{opacity:0}}.book-controls{z-index:2;align-items:center;gap:clamp(12px,2.5vw,24px);display:flex}.book-nav-btn{cursor:pointer;color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,3.5vw,48px);height:clamp(36px,3.5vw,48px);transition:background .22s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1),border-color .22s;display:flex}.book-nav-btn:hover:not(:disabled){color:#fda500;background:#fda5002e;border-color:#fda50073;transform:scale(1.12)}.book-nav-btn:disabled{opacity:.25;cursor:default}.book-nav-btn svg{width:clamp(16px,1.8vw,22px);height:auto}.book-page-indicator{flex-direction:column;align-items:center;gap:6px;min-width:clamp(80px,12vw,140px);display:flex}.book-page-indicator span{color:#ffffff80;letter-spacing:.4px;font-family:Georgia,serif;font-size:clamp(10px,1.2vw,13px)}.book-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:3px;overflow:hidden}.book-progress-fill{background:linear-gradient(90deg,#2e5c38,#fda500);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.book-close-hint{color:#ffffff59;text-align:center;pointer-events:none;letter-spacing:.3px;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:clamp(10px,1.2vw,13px);animation:.6s .45s both book-overlay-in}.book-close-hint kbd{font-family:inherit;font-size:inherit;color:#ffffff80;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:1px 6px;display:inline-block}@media (width<=700px){.book{--book-h:clamp(300px, 70vh, 480px)}}@media (width<=600px){.book-close-hint{display:none}.book-spine-title{font-size:8px}}.book-embedded{background:radial-gradient(60% 55% at 12% 18%,#41825047 0%,#0000 52%),radial-gradient(50% 48% at 88% 78%,#19372359 0%,#0000 52%),#162618f7;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2vh,20px);width:100%;height:100%;padding:clamp(8px,2vh,24px) clamp(8px,2vw,32px);display:flex;position:relative;overflow:hidden}.contact-form-container{width:100%;max-height:70vh;padding-right:8px;overflow-y:auto}.contact-form-container::-webkit-scrollbar{width:6px}.contact-form-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.contact-form-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.contact-form-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;animation:.4s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{color:#fff;background:linear-gradient(135deg,#1ab106 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;font-size:48px;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{color:#1a5c2e;margin:0 0 12px;font-size:24px}.success-message p{color:#555;margin:0;font-size:15px;line-height:1.6}.contact-form{flex-direction:column;gap:20px;padding:0;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a52cc;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.required{color:#dc2626}.form-input,.form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-textarea:focus{background-color:#f8faff;border-color:#1a52cc;box-shadow:0 0 0 3px #1a52cc1a}.form-input.input-error,.form-textarea.input-error{background-color:#fef2f2;border-color:#dc2626}.form-input.input-error:focus,.form-textarea.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.error-text{color:#dc2626;align-items:center;gap:4px;font-size:13px;display:flex}.error-text:before{content:"⚠";font-size:12px}.checkbox-group{flex-direction:row;align-items:center;gap:12px;margin-top:8px}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#1ab106;flex-shrink:0;width:20px;height:20px;margin:0}.checkbox-group label{cursor:pointer;color:#555;margin:0;font-size:14px;font-weight:400}.checkbox-group label:hover{color:#1a52cc}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a52cc 0%,#1e40af 100%);border:none;border-radius:8px;margin-top:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #1a52cc40}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a52cc59}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.contact-form{gap:16px}.form-input,.form-textarea{padding:14px;font-size:16px}.submit-button{padding:12px 14px;font-size:14px}.success-message{padding:40px 20px}.success-icon{width:64px;height:64px;font-size:36px}}