@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";body{margin:0;font-family:Outfit,sans-serif;background-color:#0f172a}.home-wrapper{min-height:100dvh;background:radial-gradient(circle at top,#1e293b,#0f172a);color:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.home-wrapper:before{content:"";position:absolute;top:-20%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none;animation:float 10s ease-in-out infinite alternate}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1200px;z-index:10}.hero-section{text-align:center;animation:fadeInDown 1s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-container h1{font-size:clamp(40px,8vw,80px);display:flex;justify-content:center;align-items:center;gap:20px;margin:0;font-weight:800;letter-spacing:-2px}.subtitle{font-size:clamp(16px,3vw,20px);color:#94a3b8;margin-top:15px;font-weight:300}.imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;align-items:stretch;justify-items:center}.box{position:relative;width:100%;max-width:380px;aspect-ratio:3 / 4;border-radius:20px;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;animation:fadeInUp .8s ease-out backwards}.imgs .box:nth-child(1){animation-delay:.2s}.imgs .box:nth-child(2){animation-delay:.4s}.imgs .box:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.box:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #00000080;border-color:#fff3}.box-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.box-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.box:hover .box-img{transform:scale(1.08)}.box-content{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 25px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%);z-index:10;transform:translateY(10px);transition:transform .4s ease}.box:hover .box-content{transform:translateY(0)}.box-subtitle{display:block;font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#cbd5e1;margin-bottom:5px;opacity:0;transform:translateY(10px);transition:all .4s ease .1s}.box-title{margin:0;font-size:26px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.box:hover .box-subtitle{opacity:1;transform:translateY(0)}.box-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.1),transparent 50%);opacity:0;transition:opacity .4s ease;z-index:20;pointer-events:none}.box:hover .box-glow{opacity:1}@media screen and (max-width: 768px){.home-wrapper{padding:1rem}.home-container{gap:40px}.imgs{grid-template-columns:1fr;gap:24px}.box-subtitle{opacity:1;transform:translateY(0)}.box-content{transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}@font-face{src:url(/times_new_roman.ttf);font-family:Roman}.app{background-color:#f9a2a8;height:100dvh;width:100%;overflow-x:hidden}p{text-align:center;margin-top:10px}img{width:100%;height:100%;-webkit-user-select:none;user-select:none}#book{margin:0 auto;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:50px 0;gap:50px}.--left:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000000;box-shadow:inset -7px 0 30px -7px #000,6px 8px 12px 2px #00000073!important}.--right:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000000;box-shadow:inset 7px 0 30px -7px #000,6px 8px 12px 2px #00000073!important}.title{color:#6d141a;font-size:50px;text-align:center;line-height:1}.sub-title{color:#fff;font-size:38px;text-align:center;line-height:1;font-family:Roman}.title span{color:#af6011}.button{background-color:#fff;color:#6d141a;border:none;border-radius:4px;padding:8px 16px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:background-color .3s ease,box-shadow .3s ease}#book-wrapper{position:relative;width:100vw;height:100vh;background-color:#0f172a;display:flex;flex-direction:column;overflow:hidden}.book-scroll-area{flex:1;width:100%;height:calc(100vh - 80px);overflow:auto;display:flex;justify-content:center;align-items:center;padding:40px;-ms-overflow-style:none;scrollbar-width:none}.book-scroll-area::-webkit-scrollbar{display:none}.book-controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 24px;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;z-index:1000}.control-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:8px 20px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.control-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.control-btn:active{transform:translateY(0)}.zoom-control{display:flex;align-items:center;gap:12px;padding:0 15px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.zoom-icon{color:#cbd5e1;font-size:16px}.zoom-slider{-webkit-appearance:none;width:120px;height:4px;background:#fff3;border-radius:2px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#a855f7;cursor:pointer;box-shadow:0 0 10px #a855f780;transition:transform .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.zoom-level{color:#e2e8f0;font-size:13px;font-variant-numeric:tabular-nums;min-width:40px}.helper-text{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#00000080;color:#ffffffb3;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;z-index:1000;pointer-events:none}.login-split-layout{display:flex;width:100vw;height:100vh;background-color:#0f172a;overflow:hidden}.login-form-side{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.login-image-side{flex:1;height:100vh;position:relative;overflow:hidden;box-shadow:-10px 0 30px #00000080;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.login-hero-image{width:100%;height:100%;object-fit:contain;object-position:center}.login-glass-container{background:#0f172ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:40px 30px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006;width:90%;max-width:420px;text-align:center;z-index:10;margin:0 auto;animation:fadeInUp .8s ease-out}.login-glass-container h2{font-size:32px;font-weight:700;color:#f8fafc;margin-bottom:10px}.login-subtitle{color:#94a3b8;font-size:15px;margin-bottom:30px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:20px}.login-input{width:100%;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:all .3s ease}.login-input::placeholder{color:#64748b}.login-input:focus{border-color:#a855f7;background:#ffffff14;box-shadow:0 0 15px #a855f733}.login-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-family:inherit}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ec48994d}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;font-size:14px;background:#ef44441a;padding:10px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}@media screen and (max-width : 768px){#book{gap:0}.title{color:#6d141a;font-size:30px;text-align:center;line-height:1}.sub-title{color:#b55a00;font-size:28px;text-align:center;line-height:1}.book-controls{width:90%;padding:10px 16px;gap:8px;bottom:20px;justify-content:space-between;border-radius:30px}.control-btn{padding:6px 12px;font-size:13px;gap:4px}.zoom-control{padding:0 8px;gap:8px;border-left:none;border-right:none}.zoom-slider{width:60px}.zoom-level{font-size:11px;min-width:35px}.helper-text{width:auto;text-align:center;font-size:10px;padding:4px 12px;top:10px}.book-scroll-area{padding:20px 10px}.login-split-layout{flex-direction:column}.login-form-side{flex:1;order:2}.login-image-side{display:none}}