html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;padding:0;overflow:hidden}body{background:#020711;min-height:100vh;display:block}#root{border:0;outline:0;max-width:none;margin:0;padding:0}*{box-sizing:border-box}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#020816;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{background:radial-gradient(circle at 18% 40%,#1670c92e,#0000 28%),radial-gradient(circle at 58% 68%,#008eff1f,#0000 22%),linear-gradient(90deg,#020711 0%,#031124 34%,#031021 58%,#020711 100%);min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}button{border:0}.auth-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 18%),radial-gradient(circle at 26% 30%,#54adff14,#0000 20%);position:absolute;inset:0}.auth-scene{min-height:100vh;position:relative;overflow:hidden}.bookshelf{align-items:flex-end;gap:16px;height:86vh;padding-left:20px;display:flex;position:absolute;bottom:36px;left:-20px}.book{background:linear-gradient(#051227b3,#020814f2),linear-gradient(135deg,#0d2146,#08162d 60%,#040d18);border-radius:14px 14px 10px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5cabff14,inset -10px 0 18px #00000059,inset 8px 0 14px #389dff14,0 16px 34px #00000052}.book:before,.book:after{content:"";position:absolute;left:0;right:0}.book:before{background:linear-gradient(90deg,#0000,#e0b153f2,#0000);height:2px;top:26px;box-shadow:0 168px #e0b153bf,0 178px #e0b15366}.book:after{border:1px solid #33a3ff1a;border-radius:8px;inset:48px 12px;box-shadow:inset 1px 0 #5abcff1f,inset -1px 0 #5abcff14}.book-1{width:112px;height:680px}.book-2{width:120px;height:712px}.book-3{width:90px;height:760px}.book-4{width:124px;height:724px}.book-5{width:104px;height:630px}.book-6{width:94px;height:590px}.sparkles{pointer-events:none;position:absolute;inset:0}.spark{background:radial-gradient(circle,#a7ecff 0%,#2cbcff 42%,#2cbcff00 72%);border-radius:999px;animation:6s ease-in-out infinite floatSpark;position:absolute;box-shadow:0 0 18px #59c2ffbf,0 0 38px #59c2ff47}.spark:before,.spark:after{content:"";background:#b6edffeb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spark:before{width:1px;height:24px}.spark:after{width:24px;height:1px}.spark-1{width:5px;height:5px;animation-delay:0s;top:14%;left:10%}.spark-2{width:6px;height:6px;animation-delay:1.2s;top:18%;left:34%}.spark-3{width:4px;height:4px;animation-delay:.4s;top:24%;left:44%}.spark-4{width:5px;height:5px;animation-delay:1.8s;top:52%;left:48%}.spark-5{width:6px;height:6px;animation-delay:.9s;top:72%;left:40%}.spark-6{width:4px;height:4px;animation-delay:2.4s;top:78%;left:46%}.spark-7{width:5px;height:5px;animation-delay:.7s;top:64%;left:57%}.spark-8{width:4px;height:4px;animation-delay:1.6s;top:42%;left:61%}.spark-9{width:5px;height:5px;animation-delay:2s;top:82%;left:28%}.spark-10{width:6px;height:6px;animation-delay:1s;top:86%;left:56%}.auth-panel{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:40px 36px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#030a18e0,#020814b8);border:1px solid #79b4ff29;border-radius:28px;width:100%;max-width:580px;padding:48px 44px 34px;position:relative;box-shadow:0 0 0 1px #0e2e582e,0 30px 80px #00000061}.login-card:before{content:"";pointer-events:none;border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #6ca3ff0f}.brand-mark{color:#f2c15d;filter:drop-shadow(0 0 12px #f2c15d8c);justify-content:center;margin-bottom:12px;display:flex}.brand-header{text-align:center}.brand-header h1{letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:4rem;font-weight:700;line-height:1}.brand-author{color:#fff}.brand-flow{color:#28a2ff}.brand-divider{justify-content:center;margin:26px 0 24px;display:flex}.brand-divider span{background:linear-gradient(90deg,#0000,#d8a94c 20% 80%,#0000);width:86px;height:2px;position:relative}.brand-divider span:before{content:"◆";color:#e1b45c;background:#061224;padding:0 8px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.login-form{flex-direction:column;display:flex}.login-form label{color:#fff;margin-bottom:12px;font-size:1.05rem;font-weight:600}.input-shell{margin-bottom:24px;position:relative}.input-icon{color:#ffffffeb;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-icon svg,.password-toggle svg,.support-icon svg{width:22px;height:22px}.input-shell input{color:#fff;background:linear-gradient(#020814f2,#020a18e0);border:1px solid #5c9dff42;border-radius:14px;outline:none;width:100%;height:62px;padding:0 54px;transition:border-color .2s,box-shadow .2s,transform .2s}.input-shell input::placeholder{color:#fff;opacity:.95}.input-shell input:focus{border-color:#53a6ffb8;box-shadow:0 0 0 3px #2695ff29,0 0 26px #2695ff1f}.password-toggle{color:#ffffffe0;cursor:pointer;background:0 0;padding:6px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0f8fff 0%,#0b5edd 100%);border-radius:14px;width:100%;height:62px;margin-top:8px;font-size:1.15rem;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff38,0 12px 24px #0062ff47}.submit-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.submit-button:disabled{opacity:.72;cursor:not-allowed;transform:none}.forgot-link{color:#1aa0ff;cursor:pointer;background:0 0;margin:22px auto 0;font-size:1.05rem}.login-message{text-align:center;color:#fff;background:#06162ac2;border:1px solid #408dff29;border-radius:14px;margin:24px 0 0;padding:14px 16px}.support-row{color:#ebf4ffb8;text-align:center;border-top:1px solid #739edd24;justify-content:center;align-items:center;gap:10px;margin-top:34px;padding-top:24px;display:flex}.support-row p{margin:0}.support-icon{color:#ebf4ffb8;justify-content:center;align-items:center;display:flex}.support-row a{color:#1aa0ff;text-decoration:none}.support-row a:hover,.forgot-link:hover{filter:brightness(1.1)}@keyframes floatSpark{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-10px)scale(1.08)}}@media (width<=1180px){.auth-page{grid-template-columns:.9fr 1.1fr}.brand-header h1{font-size:3.4rem}.book-1{width:92px;height:620px}.book-2{width:98px;height:660px}.book-3{width:78px;height:700px}.book-4{width:105px;height:660px}.book-5{width:88px;height:560px}.book-6{width:76px;height:520px}}@media (width<=980px){.auth-page{grid-template-columns:1fr}.auth-scene{opacity:.38;position:absolute;inset:0}.auth-panel{padding:26px 18px}.login-card{max-width:640px}}@media (width<=640px){.login-card{border-radius:22px;padding:34px 22px 28px}.brand-mark-svg{width:70px;height:70px}.brand-header h1{font-size:2.7rem}.brand-header p{font-size:.95rem}.login-form label{font-size:.98rem}.input-shell input,.submit-button{height:56px}.forgot-link{font-size:.98rem}.support-row{flex-direction:column;gap:8px}}.auth-panel{justify-content:center;align-items:center;height:100vh;min-height:0;padding:16px 28px;display:flex;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#040d1ee8,#020814d1);border:1px solid #75b1ff24;border-radius:22px;width:100%;max-width:410px;padding:24px 26px 20px;box-shadow:0 22px 55px #0000004d,inset 0 0 0 1px #6faaff09}.login-card:before{border-radius:22px}.brand-mark{color:#f2c15d;filter:drop-shadow(0 0 5px #ffdc88b3)drop-shadow(0 0 14px #e6aa3c40);margin-bottom:4px}.brand-mark-svg{width:48px;height:48px}.brand-header h1{letter-spacing:-.035em;margin:0;font-size:2.35rem;line-height:1}.brand-header p{color:#e8f2ffab;margin:8px 0 0;font-size:.82rem}.brand-divider{margin:15px 0 16px}.brand-divider span{width:66px}.login-form label{margin-bottom:7px;font-size:.84rem;font-weight:600}.input-shell{margin-bottom:14px}.input-shell input{border-radius:11px;height:46px;padding:0 44px;font-size:.88rem}.input-shell input::placeholder{color:#ffffffb8;font-size:.86rem}.input-icon{left:14px}.auth-page:before,.auth-page:after,.auth-panel:before,.auth-panel:after{content:none!important;display:none!important}.auth-panel{box-shadow:none!important;border-left:none!important}