*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}:root{--ink:#171925;--muted:#8b92a6;--line:#d8deea;--green:#9ec839;--green-dark:#7ea620;--navy:#070d2b;--navy-panel:#101b56;--page:#f5f5f6}.login-page{background:var(--page);min-height:100vh;color:var(--ink);grid-template-columns:minmax(340px,50%) minmax(520px,1fr);display:grid;position:relative;overflow:hidden}.brand-panel{color:#fff;background:linear-gradient(90deg,#070d2bd6,#070d2b6b),url(/images/goethe.jpg) 22%/cover no-repeat;min-height:100vh;padding:clamp(44px,7vw,128px);display:flex;position:relative}.brand-panel:after{content:"";background:#fff3;width:1px;position:absolute;top:0;bottom:0;right:0}.brand-copy{align-self:center;max-width:680px}.brand-copy h1{color:#fff;margin:0;font-size:clamp(2.7rem,5vw,5rem);font-style:italic;font-weight:900;line-height:1.08}.auth-stage{background:linear-gradient(90deg, #ffffffdb, #ffffffa6), var(--page);place-items:center;min-height:100vh;padding:clamp(32px,7vw,112px);display:grid}.auth-card{background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(48px,7vw,92px);width:min(780px,100%);min-height:390px;padding:clamp(36px,5vw,58px);display:grid;box-shadow:0 34px 95px #12192b1a}.auth-card-single{grid-template-columns:1fr;width:min(520px,100%);min-height:auto;padding:clamp(42px,6vw,68px)}.language-switcher{z-index:5;flex-wrap:wrap;gap:8px;width:min(360px,100% - 48px);display:flex;position:absolute;top:24px;right:24px}.language-switcher button{border:1px solid var(--line);color:#4d5568;min-height:36px;font:inherit;cursor:pointer;background:#fff;border-radius:6px;flex:104px;padding:0 12px;font-size:.78rem;font-weight:800}.language-switcher button:hover{border-color:var(--green);color:var(--green-dark)}.language-switcher button.active{border-color:var(--green);color:#fff;background:var(--green)}.auth-form{flex-direction:column;min-width:0;display:flex}.login-form{justify-self:center;width:min(360px,100%)}.auth-form h2{margin:0 0 22px;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.1}.auth-field{color:#4d5568;flex-direction:column;gap:7px;margin-bottom:16px;font-size:.77rem;font-weight:500;display:flex}.input-wrap{display:block;position:relative}input{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);font:inherit;background:#fff;border-radius:5px;outline:none;padding:0 42px 0 13px;font-size:.77rem;transition:border-color .16s,box-shadow .16s}input::placeholder{color:#b9bfcc}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #9ec8392e}.field-icon{cursor:pointer;background:0 0;border:1px solid #c5cbd6;border-radius:999px;width:18px;height:12px;padding:0;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.field-icon:after{content:"";background:#c5cbd6;border-radius:50%;position:absolute;inset:3px 6px}.primary-button{width:100%;min-height:40px;font:inherit;cursor:pointer;color:#fff;background:var(--green);border:0;border-radius:5px;justify-content:center;align-items:center;margin-top:4px;font-size:.78rem;font-weight:800;display:inline-flex}.primary-button:hover{background:var(--green-dark)}.login-button{margin-top:4px}.login-message{text-align:center;border-radius:6px;margin:14px 0 0;padding:10px 12px;font-size:.82rem;font-weight:800}.login-message.success{color:#3d520f;background:#9ec8392e}.login-message.error{color:#8d1d1d;background:#d23c3c1f}.book-page{isolation:isolate;min-height:100vh;color:var(--ink);background:#fff;flex-direction:column;justify-content:center;gap:22px;padding:clamp(72px,8vw,116px) clamp(18px,4vw,48px) 42px;display:flex;position:relative}.book-page:before{z-index:-2;content:"";opacity:.38;background:url(/images/vier.png) 50%/cover no-repeat;position:absolute;inset:0}.book-page:after{z-index:-1;content:"";background:#ffffff7a;position:absolute;inset:0}.book-language-switcher{z-index:10;flex-wrap:wrap;gap:8px;width:min(360px,100% - 48px);display:flex;position:fixed;top:22px;right:24px}.book-language-switcher button,.book-back-button,.page-button{color:#41550f;min-height:42px;font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #7ea62059;border-radius:8px;padding:0 16px;font-size:.85rem;font-weight:900}.book-language-switcher button{background:#fff;flex:104px}.book-language-switcher button.active{border-color:var(--green);color:#fff;background:var(--green)}.book-back-button{z-index:10;position:fixed;top:22px;left:24px}.book-back-button:hover,.page-button:hover:not(:disabled){border-color:var(--green);background:#fff}.page-button:disabled{cursor:not-allowed;opacity:.42}.book-stage{perspective:1800px;grid-template-columns:minmax(92px,auto) minmax(0,1fr) minmax(92px,auto);align-items:center;gap:clamp(14px,3vw,34px);min-height:0;display:grid}.book-shell{aspect-ratio:1.62;cursor:grab;width:min(980px,84vw);transform:translate3d(var(--book-x,0), var(--book-y,0), 0) rotateX(5deg);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;touch-action:none;filter:drop-shadow(0 30px 18px #00000042);outline:none;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;transition:filter .22s,transform .22s;display:grid;position:relative}.book-shell.is-closed{aspect-ratio:.81;width:min(490px,42vw);transform:translate3d(var(--book-x,0), var(--book-y,0), 0) rotateX(5deg) rotateY(-12deg);grid-template-columns:1fr}.book-shell:hover,.book-shell:focus-visible{transform:translate3d(var(--book-x,0), calc(var(--book-y,0) - 4px), 0) rotateX(5deg);filter:drop-shadow(0 36px 22px #0000004d)}.book-shell.is-closed:hover,.book-shell.is-closed:focus-visible{transform:translate3d(var(--book-x,0), calc(var(--book-y,0) - 4px), 0) rotateX(5deg) rotateY(-12deg)}.book-shell:active{cursor:grabbing}.book-shell.is-dragging{cursor:grabbing;transition:filter .22s}.book-shell.is-dragging,.book-shell.is-dragging:hover,.book-shell.is-dragging:focus-visible{transform:translate3d(var(--book-x,0), var(--book-y,0), 0) rotateX(5deg)}.book-shell.is-closed.is-dragging,.book-shell.is-closed.is-dragging:hover,.book-shell.is-closed.is-dragging:focus-visible{transform:translate3d(var(--book-x,0), var(--book-y,0), 0) rotateX(5deg) rotateY(-12deg)}.book-cover{background:#eee;border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 18px 0 22px #00000029,inset -1px 0 #ffffff73}.book-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000 16%,#ffffff1a),linear-gradient(#ffffff2e,#0000 32%,#0000001a);position:absolute;inset:0}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.book-stack{z-index:0;background:repeating-linear-gradient(#e6e6e6 0 1px,#f8f8f8 2px 5px);width:calc(50% - 6px);height:30px;position:absolute;bottom:-8px;box-shadow:0 16px 16px #0000002e}.left-stack{border-radius:0 0 0 8px;left:0;transform:skewY(2deg)}.right-stack{border-radius:0 0 8px;right:0;transform:skewY(-2deg)}.book-spine{z-index:5;filter:blur(.2px);background:linear-gradient(90deg,#0000002e,#ffffffdb,#0000002e),#ececec;width:20px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)translateZ(18px)}.book-page-side{z-index:2;min-width:0;transform-style:preserve-3d;background:#f5f5f5;padding:clamp(22px,3vw,42px);position:relative;overflow:hidden}.next-spread{z-index:1;opacity:0;pointer-events:none;width:50%;animation:.98s linear forwards revealSpread;position:absolute;top:0;bottom:0}.next-spread.left-page{left:0}.next-spread.right-page{right:0}.current-spread{animation:.98s linear forwards dimCurrentSpread}.turning-page{z-index:6;backface-visibility:hidden;width:50%;transform-style:preserve-3d;background:#f5f5f5;padding:clamp(22px,3vw,42px);position:absolute;top:0;bottom:0;overflow:hidden}.turning-page:after{content:"";pointer-events:none;position:absolute;inset:0}.turning-next{transform-origin:0;border-radius:0 8px 8px 0;animation:.98s linear forwards flipNextPage;right:0}.turning-next:after{background:linear-gradient(90deg,#0000006b,#0000 28%,#ffffff29),linear-gradient(270deg,#0003,#0000 34%)}.turning-previous{transform-origin:100%;border-radius:8px 0 0 8px;animation:.98s linear forwards flipPreviousPage;left:0}.turning-previous:after{background:linear-gradient(270deg,#0000006b,#0000 28%,#ffffff29),linear-gradient(90deg,#0003,#0000 34%)}@keyframes flipNextPage{0%{filter:brightness();transform:rotateY(0)translateZ(4px)}45%{filter:brightness(.82)}to{filter:brightness(.95);transform:rotateY(-178deg)translateZ(4px)}}@keyframes flipPreviousPage{0%{filter:brightness();transform:rotateY(0)translateZ(4px)}45%{filter:brightness(.82)}to{filter:brightness(.95);transform:rotateY(178deg)translateZ(4px)}}.left-page{transform-origin:100%;border-radius:8px 0 0 8px;transform:rotateY(8deg)}.right-page{transform-origin:0;border-radius:0 8px 8px 0;transform:rotateY(-8deg)}@keyframes revealSpread{0%{opacity:0}38%{opacity:.18}68%{opacity:.72}to{opacity:1}}@keyframes dimCurrentSpread{0%{opacity:1}46%{opacity:.88}to{opacity:.36}}.book-page-side:after{content:"";pointer-events:none;position:absolute;inset:0}.left-page:after{background:linear-gradient(90deg,#0000000d,#0000 22%,#0000002e),linear-gradient(#fff6,#0000)}.right-page:after{background:linear-gradient(90deg,#0000002e,#0000 26%,#0000000a),linear-gradient(#fff6,#0000)}.book-content{z-index:1;height:100%;position:relative}.book-media-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vw,18px);height:100%;display:grid}.book-media-grid.media-count-1{grid-template-rows:1fr}.book-media-grid figure{background:#252525;border-radius:4px;height:100%;margin:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.book-media-grid figure:hover{z-index:2;transform:scale(1.04);box-shadow:0 8px 24px #00000040}.book-media-grid img,.book-media-grid video{object-fit:cover;width:100%;height:100%;display:block}.book-media-grid video{background:#000}.book-contents{color:#202020;flex-direction:column;justify-content:center;height:100%;display:flex}.book-contents h2{text-align:center;text-transform:uppercase;margin:0 0 clamp(32px,5vw,72px);font-size:clamp(2rem,4vw,4.8rem);line-height:1}.toc-row{grid-template-columns:auto minmax(40px,1fr) auto;align-items:end;gap:10px;margin-top:22px;font-size:clamp(1rem,1.8vw,1.75rem);font-weight:800;line-height:1.2;display:grid}.toc-dots{border-bottom:2px dotted #2020208c;min-width:0;transform:translateY(-.24em)}.book-section-title{color:#202020;text-align:center;place-items:center;height:100%;display:grid}.book-section-title h2{margin:0;font-size:clamp(2rem,4.4vw,5.2rem);font-weight:900;line-height:1.05}.book-page-side>span{z-index:2;color:#222;background:0 0;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:.82rem;font-weight:900;display:inline-flex;position:absolute;bottom:14px;right:18px}.left-page>span{left:18px;right:auto}.empty-page-content{place-items:center;height:100%;display:grid}.empty-page-content p{color:#202020;margin:0;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:900}.book-footer{color:#667044;justify-content:center;align-items:center;gap:22px;font-size:.9rem;font-weight:800;display:flex}@media (width<=980px){.login-page{grid-template-columns:1fr;overflow:visible}.brand-panel,.auth-stage{min-height:auto}.brand-panel{padding:108px 28px 56px}.brand-panel:after{width:auto;height:1px;top:auto;left:0;right:0}.auth-stage{padding:28px}.language-switcher{width:min(360px,100% - 36px);position:fixed;top:18px;right:18px}.book-stage{grid-template-columns:1fr 1fr}.book-shell{transform:translate3d(var(--book-x,0), var(--book-y,0), 0) rotateX(5deg);grid-area:1/1/auto/-1}.book-shell.is-closed{width:min(490px,64vw)}.book-stage .page-button:first-child{grid-area:2/1}.book-stage .page-button:last-child{grid-area:2/2}}@media (width<=720px){.auth-card{grid-template-columns:1fr;gap:42px;padding:28px}.book-header,.book-footer{flex-direction:column;align-items:flex-start}.book-shell{aspect-ratio:auto;grid-template-columns:1fr;gap:14px}.book-shell.is-closed{aspect-ratio:.72;width:min(420px,82vw)}.book-spine{display:none}.book-page-side{min-height:min(76vw,520px)}.left-page,.right-page{border-radius:8px;transform:none}.turning-page{width:100%}.turning-next,.turning-previous{transform-origin:50%;border-radius:8px;left:0;right:0}}@media (width<=460px){.brand-panel{padding:132px 20px 48px}.auth-stage{padding:20px}.auth-card{padding:24px 18px}}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh;display:block;box-shadow:0 8px 32px #00000080}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#fff6}.lightbox-toolbar{color:#fff;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:99px;align-items:center;gap:16px;padding:10px 20px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.lightbox-toolbar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;line-height:1;transition:background .2s,opacity .2s;display:flex}.lightbox-toolbar button:disabled{opacity:.3;cursor:not-allowed}.lightbox-toolbar button:not(:disabled):hover{background:#ffffff40}.lightbox-zoom-level{text-align:center;-webkit-user-select:none;user-select:none;min-width:44px;font-size:15px;font-weight:700}