:root{font-family:'Segoe UI',Arial,sans-serif;color:#3a5277;background:#f8f9fc;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #799bc9;outline-offset:3px}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;max-width:1800px;margin:auto}.story{position:relative;overflow:hidden;padding:52px 62px;background:radial-gradient(ellipse at 0 90%,#e4f2ef88,transparent 45%),radial-gradient(ellipse at 100% 0,#f5dfed70,transparent 50%),linear-gradient(135deg,#eef4fd,#f1edf8 70%,#e7f3f4);border-right:1px solid #dde6f0;display:flex;flex-direction:column}.logo{font-family:Impact,'Arial Black',sans-serif;font-size:66px;letter-spacing:-5px;line-height:.95;text-decoration:none;color:#31598c;transform:skew(-6deg);align-self:flex-start;text-shadow:1px 2px #c9dce9}.logo>span{font-family:'Segoe UI',Arial,sans-serif;display:block;font-size:9px;letter-spacing:7px;margin:12px 0 0 7px;transform:skew(6deg);color:#7088ad;text-shadow:none}.story-copy{margin-top:75px;position:relative;z-index:2}.story-copy small,.eyebrow{font-family:monospace;font-size:10px;letter-spacing:1.7px;color:#6f83a1}.story h1{font-size:45px;line-height:1.14;font-weight:600;letter-spacing:-2px;margin:22px 0}.story h1>span{color:#7f8bb1;font-weight:450}.story-copy p{font-size:14px;color:#71829d;line-height:1.9}.album{position:relative;width:355px;height:275px;margin:28px auto 10px}.sleeve{position:absolute;width:220px;height:220px;left:0;top:25px;background:linear-gradient(120deg,#e0f0f2,#f3e4ed 30%,#f5f5e6 50%,#dfe9f7 75%,#ece0f2);border:1px solid #d5dfec;color:#ffffffc9;font:700 25px/1.9 monospace;letter-spacing:7px;padding:8px;overflow:hidden;box-shadow:0 7px 18px #7087a319}.disc{width:260px;height:260px;position:absolute;right:0;top:0;border-radius:50%;background:repeating-radial-gradient(transparent 0 3px,#ffffff33 3px 4px),conic-gradient(#d0e2eb,#e6e0ef,#cfe6ec,#e8e9f2,#e1efed,#cfdce9,#d0e2eb);box-shadow:inset 0 0 0 1px #adbdcd88,8px 10px 25px #69819c20}.disc:before{content:'';position:absolute;inset:8%;background:conic-gradient(#315d96,#71b1c2,#224c8b,#86bccd,#345c97,#72bac8,#1e4e89,#7eb7ce,#315d96);mask:radial-gradient(transparent 57%,#000 64% 71%,transparent 78%);border-radius:50%;filter:blur(2px)}.disc>span{position:absolute;inset:0;display:grid;place-items:center;color:#325e91;font-family:Impact,'Arial Black',sans-serif;letter-spacing:-1px;font-size:28px}.signature{font-size:12px;color:#8295ad;margin-top:auto;padding-top:20px}.entry{display:flex;flex-direction:column;padding:50px 55px;background:#fdfdffe6}.entry-top{display:flex;justify-content:space-between;font-family:monospace;letter-spacing:2px;font-size:9px;color:#8b9bb3}.entry-top>span+span{font-size:22px;line-height:15px;color:#b7a6cc}.form-wrapper{width:100%;max-width:360px;margin:auto;padding:60px 0}.eyebrow{font-size:9px;letter-spacing:1.4px}.form-wrapper h2{font-size:31px;font-weight:550;letter-spacing:-1px;margin:15px 0 10px}.intro{font-size:13px;color:#71819a;margin:0 0 29px}.choose{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.person{display:flex;align-items:center;justify-content:center;gap:10px;min-height:57px;background:#fff;border:1px solid #e0e6f0;border-radius:16px;color:#7b8ca5;font-size:13px}.person i{font-style:normal;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e5edf9;color:#6c88ae;font-size:11px}.person[data-user=maria] i{background:#eee5f4;color:#9e87b0}.person.active{border-color:#a8bddc;background:linear-gradient(120deg,#edf4fc,#f3f0f9);color:#526e99;box-shadow:0 3px 10px #4c6a8f06}form>label{display:block;font-size:12px;color:#667e9f;margin:18px 0 9px}input{width:100%;min-height:49px;padding:12px 15px;background:#f7f9fe;border:1px solid #dce4f0;border-radius:14px;color:#3b5980;font-size:16px}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-wrap button{position:absolute;right:7px;top:7px;min-height:35px;background:none;border:0;border-radius:8px;color:#758bad;font-size:11px;padding:0 10px}.remember{display:flex;align-items:center;gap:9px!important;line-height:1.6;font-size:11px!important;margin-top:18px!important}.remember input{width:17px;min-height:17px;accent-color:#6485b4}.error{font-size:12px;line-height:1.8;color:#a96581;min-height:4px;margin:14px 0}.submit{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:49px;border:1px solid #5275a9;border-radius:15px;background:#5275a9;color:#fff;font-size:13px;padding:12px 17px;box-shadow:0 5px 18px #587cad20}.submit:hover{background:#416494}.submit:disabled{opacity:.6;cursor:wait}.privacy{font-size:11px;color:#8b9ab0;line-height:1.8;margin-top:25px;text-align:center}.privacy>span{font-size:20px;display:block;color:#96afcd;margin-bottom:5px}footer{display:flex;justify-content:space-between;color:#94a4bb;font-size:9px;letter-spacing:1.5px}footer>span{letter-spacing:0;color:#b0a0bc}@media(max-width:1000px){.story{padding:40px}.entry{padding:40px}.story h1{font-size:37px}.album{width:290px;height:235px}.disc{width:225px;height:225px}.sleeve{width:180px;height:185px;font-size:20px}.story-copy{margin-top:65px}}@media(max-width:720px){.login-shell{display:block}.story{padding:27px 25px 30px;min-height:220px;border-right:0;border-bottom:1px solid #dfe6f1}.logo{font-size:47px}.logo>span{font-size:7px;letter-spacing:5px;margin-top:7px}.story-copy{margin-top:25px;max-width:67%}.story-copy small{font-size:7px;letter-spacing:1px}.story h1{font-size:27px;letter-spacing:-1px;margin:12px 0 0}.story-copy p,.signature{display:none}.album{position:absolute;right:-38px;top:58px;width:190px;height:180px;margin:0;opacity:.7}.disc{width:175px;height:175px}.disc>span{font-size:22px}.sleeve{width:145px;height:140px;top:20px;font-size:16px}.entry{padding:29px 25px;min-height:calc(100dvh - 220px)}.entry-top{font-size:8px;letter-spacing:1.5px}.form-wrapper{padding:38px 0;max-width:400px}.form-wrapper h2{font-size:29px}.person{min-height:54px}.eyebrow{font-size:8px}footer{padding-top:10px;font-size:8px}.privacy{font-size:11px}.intro{font-size:13px}.remember{font-size:12px!important}.submit{min-height:51px;font-size:14px}.password-wrap button{min-height:36px}.entry-top>span+span{font-size:20px}}@media(max-width:360px){.story{padding:24px 20px;min-height:205px}.story h1{font-size:24px}.story-copy{max-width:70%}.story-copy small{font-size:6px}.album{right:-55px;top:48px}.entry{padding:27px 20px}.form-wrapper h2{font-size:27px}.eyebrow{font-size:7px}.remember{font-size:11px!important}.privacy{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}