.login-body{min-height:100vh;background:#edf1eb;color:#172a25}.login-body .glass-nav{background:#172a25;border-color:rgba(255,255,255,.1)}.login-body .nav-inner{max-width:1440px}.login-shell{max-width:1440px;min-height:calc(100vh - 76px);margin:0 auto;padding:44px 54px 52px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:center;gap:clamp(45px,8vw,128px)}
.login-intro{min-width:0}.login-eyebrow{margin:0;color:#357660;font-size:.7rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.login-intro h1{max-width:650px;margin:19px 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,4vw,4.35rem);font-weight:500;line-height:1.04;letter-spacing:0;color:#172a25}.login-lede{max-width:510px;margin:0;color:#62736b;font-size:1.04rem;line-height:1.7}.login-art{position:relative;max-width:600px;height:390px;margin:28px 0 0;perspective:1150px;isolation:isolate}.art-backplate{position:absolute;inset:25px 30px 32px 4px;border:1px solid rgba(24,91,69,.17);border-radius:8px;background-color:#dae8df;background-image:linear-gradient(rgba(25,83,66,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,83,66,.07) 1px,transparent 1px);background-size:23px 23px;transform:rotateX(3deg) rotateY(8deg) rotateZ(-2deg);box-shadow:20px 22px 0 rgba(26,74,58,.08)}.art-task-card{position:absolute;z-index:2;left:13%;top:12%;width:min(76%,410px);padding:22px 22px 17px;border:1px solid rgba(255,255,255,.95);border-radius:8px;background:#fff;box-shadow:0 25px 52px rgba(18,49,38,.2);transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg);animation:task-card-float 6s ease-in-out infinite}.art-task-top{display:flex;align-items:center;justify-content:space-between}.art-task-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#173f32;color:#d9f1e4;font-size:.85rem;font-weight:900}.art-available{display:flex;align-items:center;gap:7px;color:#31765e;font-size:.63rem;font-weight:850;letter-spacing:.08em}.art-available i{width:7px;height:7px;border-radius:50%;background:#42ae7d}.art-task-card .art-overline{margin:20px 0 6px;color:#72827a;font-size:.63rem;font-weight:800;letter-spacing:.12em}.art-task-card h2{margin:0;color:#19332a;font-size:1.28rem;letter-spacing:0}.art-task-copy{max-width:315px;margin:8px 0 22px;color:#68776f;font-size:.8rem;line-height:1.5}.art-task-foot{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid #e7ece8;color:#738078;font-size:.73rem}.art-task-foot b{color:#247456}.art-task-foot b span{padding-left:4px}.art-side-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.88);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 16px 36px rgba(18,49,38,.16);transform-style:preserve-3d}.art-score{top:3%;right:2%;width:185px;padding:15px 16px;transform:rotateY(-12deg) rotateZ(4deg);animation:score-float 7s ease-in-out infinite}.art-overline{color:#779087;font-size:.59rem;font-weight:850;letter-spacing:.13em}.art-score strong{display:block;margin:9px 0 11px;color:#1c3b30;font-family:Georgia,"Times New Roman",serif;font-size:1.06rem;font-weight:500;line-height:1.15}.art-score-line{display:flex;gap:4px;margin-bottom:7px}.art-score-line i{height:4px;flex:1;border-radius:4px;background:#268062}.art-score-line i:last-child{background:#d7e3dc}.art-score small{color:#78857e;font-size:.59rem}.art-payout{right:1%;bottom:13%;display:flex;align-items:center;gap:10px;padding:12px 15px;transform:rotateY(-8deg) rotateZ(3deg);animation:payout-float 6.5s ease-in-out infinite}.payout-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e3f4eb;color:#247456;font-weight:900}.art-payout small,.art-payout strong{display:block}.art-payout small{color:#829087;font-size:.56rem;font-weight:800;letter-spacing:.09em}.art-payout strong{margin-top:4px;color:#284338;font-size:.74rem}.art-caption{position:absolute;left:5px;bottom:2px;color:#718078;font-size:.72rem;letter-spacing:.03em}.login-footnote{margin:9px 0 0;color:#87948d;font-size:.75rem}
.login-form-side{display:flex;justify-content:center}.login-form{width:100%;max-width:440px;padding:35px 34px 27px;border:1px solid rgba(255,255,255,.96);border-radius:8px;background:#fff;box-shadow:0 24px 64px rgba(28,53,42,.12),12px 12px 0 rgba(32,92,68,.07);transform:perspective(1200px) rotateY(-3deg);transition:transform .3s ease,box-shadow .3s ease}.login-form:focus-within{transform:perspective(1200px) rotateY(0) translateY(-3px);box-shadow:0 30px 72px rgba(28,53,42,.16),8px 8px 0 rgba(32,92,68,.06)}.form-heading{margin-bottom:25px}.form-mark{width:40px;height:40px;margin-bottom:22px;display:grid;place-items:center;border-radius:8px;background:#173f32;color:#e4f4eb;font-size:.76rem;font-weight:900;letter-spacing:.08em}.form-heading h2{margin:9px 0 7px;color:#172a25;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:500;letter-spacing:0}.form-heading>p:last-child{margin:0;color:#75827b;font-size:.84rem}.login-form label{display:block;margin:0 0 7px;color:#30473d;font-size:.78rem;font-weight:750}.login-form>input,.password-field input{height:48px;margin:0 0 17px;padding:0 13px;border:1px solid #dce5de;border-radius:6px;background:#fbfcfa;color:#1a2e26;font-size:.87rem;box-shadow:none}.login-form>input:focus,.password-field input:focus{border-color:#43876d;outline:3px solid rgba(53,118,91,.12)}.login-form input::placeholder{color:#9ba69f}.password-field{position:relative}.password-field input{width:100%;padding-right:62px}.password-toggle{position:absolute;right:11px;top:12px;border:0;background:none;color:#357660;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.login-submit{width:100%;height:49px;display:flex;align-items:center;justify-content:space-between;margin:2px 0 20px;padding:0 15px;border-radius:6px;background:#1e694f!important;border-color:#1e694f!important;color:white!important;font-size:.86rem}.login-submit:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(30,105,79,.2)}.login-submit:disabled{opacity:.72}.submit-arrow{font-size:1.05rem}.login-divider{display:flex;align-items:center;gap:12px;margin:2px 0 14px;color:#92a099;font-size:.59rem;font-weight:850;letter-spacing:.13em}.login-divider::before,.login-divider::after{height:1px;flex:1;background:#e7ece8;content:""}.create-account{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid #dfe8e2;border-radius:6px;color:#284c3c;font-size:.8rem;font-weight:750;transition:background .18s ease,border-color .18s ease}.create-account:hover{border-color:#aacaba;background:#f2f8f4}.create-account span{color:#287556;font-size:1rem}.login-assist{margin:18px 0 0;text-align:center;color:#849188;font-size:.7rem;line-height:1.5}
.workspace-loader{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(14,31,25,.94);color:#fff;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.workspace-loader.visible{opacity:1;visibility:visible}.loader-content{text-align:center}.loader-content .login-eyebrow{margin-top:25px;color:#8fd3b0}.loader-content h2{margin:9px 0 7px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:500;letter-spacing:0}.loader-content>p:not(.login-eyebrow){margin:0;color:#b8c9bf;font-size:.82rem}.loader-stack{position:relative;width:86px;height:75px;margin:0 auto;perspective:350px}.loader-stack span{position:absolute;left:20px;top:14px;width:48px;height:48px;border:1px solid #b2e5ca;border-radius:7px;background:rgba(54,135,97,.18);box-shadow:0 12px 30px rgba(0,0,0,.18);transform:rotateX(55deg) rotateZ(45deg);animation:loader-tile 1s ease-in-out infinite}.loader-stack span:nth-child(2){left:14px;top:9px;opacity:.7;animation-delay:-.16s}.loader-stack span:nth-child(3){left:8px;top:4px;opacity:.4;animation-delay:-.32s}.loader-track{width:190px;height:3px;margin:24px auto 0;overflow:hidden;background:rgba(255,255,255,.14)}.loader-track span{display:block;width:38%;height:100%;background:#a8e3be;animation:loader-progress 1.15s ease-in-out infinite}.is-authenticating{overflow:hidden}
@keyframes task-card-float{0%,100%{transform:rotateY(-10deg) rotateX(5deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateY(-7deg) rotateX(3deg) rotateZ(-1deg) translateY(-7px)}}@keyframes score-float{0%,100%{transform:rotateY(-12deg) rotateZ(4deg) translateY(0)}50%{transform:rotateY(-8deg) rotateZ(2deg) translateY(-5px)}}@keyframes payout-float{0%,100%{transform:rotateY(-8deg) rotateZ(3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateZ(1deg) translateY(-6px)}}@keyframes loader-tile{0%,100%{transform:rotateX(55deg) rotateZ(45deg) translateY(0)}50%{transform:rotateX(55deg) rotateZ(45deg) translateY(-9px)}}@keyframes loader-progress{0%{transform:translateX(-110%)}100%{transform:translateX(290%)}}
@media(max-width:900px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:32px;padding:36px 30px}.login-intro h1{font-size:clamp(2.4rem,5vw,3.5rem)}.login-art{height:340px}.art-task-card{left:7%;width:84%}.art-score{right:-1%}.art-payout{right:-2%}}
@media(max-width:700px){.login-shell{grid-template-columns:1fr;gap:22px;padding:30px 20px 44px}.login-intro h1{max-width:560px;font-size:2.8rem}.login-lede{font-size:.92rem}.login-art{height:300px;max-width:520px;margin:20px auto 0;width:100%}.art-backplate{inset:18px 10px 27px 0}.art-task-card{left:7%;top:17%;width:82%;padding:18px}.art-score{top:1%;right:0;width:155px;padding:12px}.art-payout{right:0;bottom:9%}.art-caption{left:0;bottom:0;font-size:.64rem}.login-footnote{display:none}.login-form-side{margin-top:8px}.login-form{max-width:500px;padding:29px 25px 23px;transform:none}.login-form:focus-within{transform:translateY(-2px)}}
@media(max-width:420px){.login-body .glass-nav{padding:0 15px}.login-shell{padding:26px 16px 36px}.login-intro h1{font-size:2.4rem}.login-art{height:320px}.art-task-card{top:13%;left:4%;width:88%;padding:15px}.art-task-card h2{font-size:1.08rem}.art-task-copy{margin-bottom:15px;font-size:.72rem}.art-score{display:none}.art-payout{right:8px;bottom:0}.art-caption{display:none}.login-form{padding:25px 20px 20px}}
@media(prefers-reduced-motion:reduce){.art-task-card,.art-score,.art-payout,.loader-stack span,.loader-track span{animation:none!important}.login-form,.login-form:focus-within{transition:none}}
.art-task-mark,.form-mark{position:relative;overflow:hidden;background:#fff}.art-task-mark img{position:absolute;top:-2px;left:-5px;width:44px;height:44px;max-width:none}.form-mark img{position:absolute;top:-2px;left:-7px;width:54px;height:54px;max-width:none}