.login-shell{background:linear-gradient(90deg,#1829260b 1px,#0000 1px) 0 0/32px 32px,linear-gradient(0deg,#1829260a 1px,#0000 1px) 0 0/32px 32px,radial-gradient(circle at 18% 18%,#175c5429,#0000 28%),radial-gradient(circle at 86% 78%,#8a2e3421,#0000 30%),linear-gradient(135deg,#f5f7f2 0%,#e9eee8 48%,#f7f3ea 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-shell:before{content:"";pointer-events:none;background:linear-gradient(115deg,#112724e0 0%,#112724d6 34%,#0000 34.2%),linear-gradient(292deg,#ffffff94 0%,#0000 42%);position:absolute;inset:0}.login-shell:after{content:"";pointer-events:none;background-image:linear-gradient(#14262309 1px,#0000 1px),linear-gradient(90deg,#14262308 1px,#0000 1px);background-size:96px 96px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.login-backdrop{pointer-events:none;position:absolute;inset:0}.login-book-spine{border-radius:8px 8px 0 0;width:54px;height:58vh;position:absolute;bottom:-18px;left:clamp(28px,8vw,110px);box-shadow:0 28px 60px #0e181647}.login-book-spine:before,.login-book-spine:after{content:"";background:#ffffff5c;height:1px;position:absolute;left:12px;right:12px}.login-book-spine:before{top:44px}.login-book-spine:after{bottom:44px}.login-book-spine-a{background:#173f3a;transform:rotate(-2deg)}.login-book-spine-b{background:#8b3038;width:42px;height:48vh;left:clamp(86px,12vw,172px);transform:rotate(1.5deg)}.login-book-spine-c{background:#2d3441;width:48px;height:53vh;left:clamp(132px,15vw,224px);transform:rotate(-.5deg)}.login-manuscript{aspect-ratio:.78;background:linear-gradient(90deg,#8a2e3433 34px,#0000 35px),repeating-linear-gradient(0deg,#0000 0 27px,#2d344124 28px 29px),#fbfbf7;border-radius:10px;width:min(28vw,360px);min-width:240px;position:absolute;box-shadow:0 24px 70px #15201e29}.login-manuscript span{background:#2d344121;border-radius:999px;height:8px;position:absolute;left:58px;right:32px}.login-manuscript span:first-child{width:62%;top:72px}.login-manuscript span:nth-child(2){width:76%;top:116px}.login-manuscript span:nth-child(3){width:54%;top:160px}.login-manuscript span:nth-child(4){width:70%;top:204px}.login-manuscript-a{top:clamp(28px,9vh,90px);right:clamp(18px,8vw,130px);transform:rotate(7deg)}.login-manuscript-b{opacity:.82;bottom:clamp(18px,7vh,76px);right:clamp(190px,22vw,330px);transform:rotate(-9deg)}.login-note{color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;width:230px;padding:18px 20px;position:absolute;top:clamp(28px,12vh,112px);left:clamp(24px,8vw,108px);box-shadow:0 18px 50px #0000002e}.login-note b{letter-spacing:.08em;margin-bottom:8px;font-size:18px;display:block}.login-note span{color:#ffffffa8;font-size:12px;display:block}@media (width<=760px){.login-shell{padding:24px}.login-shell:before{background:linear-gradient(#112724e0 0%,#1127248c 32%,#0000 56%)}.login-book-spine,.login-note,.login-manuscript-b{display:none}.login-manuscript-a{opacity:.58;width:260px;min-width:0;top:18px;right:-76px}}