/* Links Login, Build 67. HyperUI label + icon input adapted to native CSS. See THIRD-PARTY-NOTICES.txt. */
*{box-sizing:border-box}.links-login{margin:0;background:#f7f7f2;color:#212220;font:14px/1.6 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;color-scheme:light}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #7964b5;outline-offset:4px}h1,h2,p{margin:0}button{cursor:pointer}.login-nav{max-width:1320px;width:calc(100% - 104px);margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.links-logo{display:block;width:125px;height:48px;background:url('../links-brand-v1/logo.png') center/178% auto no-repeat;mix-blend-mode:multiply}.login-nav nav{display:flex;align-items:center;gap:30px;font-size:11px}.nav-register{border:1px solid #212220;border-radius:99px;padding:10px 18px;display:flex;gap:25px}.nav-register:hover{background:#d8fa6f}.login-layout{max-width:1120px;width:calc(100% - 104px);margin:60px auto 65px;display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:8px;margin-bottom:24px;font-weight:bold}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#75816b}.login-story h1{font-weight:500;font-size:68px;line-height:1;letter-spacing:-.065em}.login-story h1 i{color:#7760b6;font:italic 1.07em/1 Georgia,serif;letter-spacing:-.07em}.story-copy{font-size:13px;color:#66685f;line-height:1.8;margin-top:22px}.story-art{position:relative;max-width:320px;margin:28px 0 0 25px;padding-bottom:20px}.story-card{position:relative;background:#c6bbe8;padding:22px;border:1px solid #212220;border-radius:15px;transform:rotate(-4deg);overflow:hidden;box-shadow:0 13px 25px -20px #21222070}.story-card>span{position:relative;z-index:1;font-size:6px;letter-spacing:.12em}.story-card>strong{position:relative;z-index:1;display:block;font:italic 34px/1.02 Georgia,serif;letter-spacing:-.05em;margin:20px 0 32px}.story-row{border-top:1px solid #21222060;padding-top:10px;display:flex;justify-content:space-between;font-size:8px;position:relative;z-index:1}.story-orbit{position:absolute;right:-50px;top:10px;transform:rotate(-25deg);width:170px;height:170px}.story-orbit b{position:absolute;display:block;width:100px;height:100px;border:20px solid #f57749;border-radius:50%}.story-orbit b:nth-child(2){top:30px;left:10px;border-color:#d95c41}.story-orbit b:nth-child(3){top:60px;left:20px;border-color:#b64b40}.story-tag{position:absolute;right:-15px;bottom:0;display:flex;align-items:center;gap:12px;background:#d8fa6f;border:1px solid #212220;border-radius:10px;box-shadow:3px 4px 0 #212220;padding:13px 18px;transform:rotate(5deg);font-size:33px;line-height:1}.story-tag>span{font-size:9px;line-height:1.5}.story-tag b{font-size:12px}.login-card{border:1px solid #dedfd5;background:#fffefa;border-radius:24px;padding:38px;box-shadow:0 24px 60px -45px #21222050}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;margin-bottom:22px}.card-eyebrow>span:last-child{font-size:35px;line-height:1;color:#7964b5}.login-card h2{font-size:42px;letter-spacing:-.05em;line-height:1.05;font-weight:500}.card-copy{font-size:12px;color:#66685f;margin-top:12px}.login-card form{margin-top:32px;display:grid;gap:20px}.login-field{display:grid;gap:9px;font-size:11px;color:#51554a}.input-wrap{position:relative;display:block}.login-field input{width:100%;min-height:51px;border:1px solid #d5d8cb;background:#f7f7f2;border-radius:10px;padding:12px 46px 12px 42px;outline:none;color:#212220;font-size:14px;transition:border-color .18s,box-shadow .18s}.login-field input::placeholder{color:#888d7f}.login-field input:focus{border-color:#7964b5;box-shadow:0 0 0 3px #c6bbe855}.field-icon{position:absolute;left:14px;top:16px;width:19px;height:19px;color:#777e6b;pointer-events:none}.password-toggle{position:absolute;right:5px;top:4px;width:44px;height:43px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;color:#626957}.password-toggle:hover,.password-toggle[aria-pressed=true]{background:#e5e0ef;color:#7760b6}.password-toggle svg{width:19px;height:19px}.forgot-link{justify-self:end;font-size:10px;margin-top:-7px;text-decoration:underline;text-underline-offset:4px}.login-submit{border:1px solid #212220;background:#212220;color:#f7f7f2;border-radius:99px;min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:12px 21px;transition:background .2s,box-shadow .2s;font-size:12px}.login-submit svg{width:20px;height:20px}.login-submit:hover{background:#35392d;box-shadow:0 4px 0 #d8fa6f}.login-submit:disabled{cursor:wait;opacity:.7}.login-register{border-top:1px solid #dedfd5;margin-top:28px;padding-top:23px;font-size:11px;display:grid;gap:7px}.login-register p{color:#66685f}.login-register a{display:flex;align-items:center;justify-content:space-between;gap:10px}.login-register a:hover{color:#7760b6}.free-note{font-size:8px;color:#66685f;margin-top:23px;display:flex;gap:6px;align-items:center}.free-note span{color:#667f41}.login-error{font-size:12px;line-height:1.7;background:#fbede7;color:#8c3529;border:1px solid #e5b8aa;border-radius:10px;padding:12px 14px;margin-top:23px}.login-footer{max-width:1320px;width:calc(100% - 104px);margin:0 auto;border-top:1px solid #dedfd5;display:flex;align-items:center;justify-content:space-between;padding:24px 0;font-size:7px;letter-spacing:.09em;color:#72776a}.login-footer a{color:#212220}.login-skip{position:fixed;top:-60px;left:15px;padding:10px;z-index:100;background:#212220;color:#fff}.login-skip:focus{top:10px}@media(max-width:1050px){.login-layout{gap:50px;grid-template-columns:1fr 400px}.login-story h1{font-size:58px}.login-card{padding:32px}.story-art{max-width:270px;margin-left:5px}}@media(max-width:800px){.login-nav,.login-footer,.login-layout{width:calc(100% - 48px)}.login-layout{grid-template-columns:1fr 360px;gap:30px;margin-block:45px}.login-story h1{font-size:45px}.eyebrow{font-size:7px}.story-copy{font-size:11px}.story-art{max-width:230px}.story-card{padding:18px}.story-card>strong{font-size:29px}.story-tag{padding:10px 14px;right:0}.login-card{padding:27px}.login-card h2{font-size:37px}.login-nav{height:80px}}@media(max-width:650px){.login-nav,.login-footer,.login-layout{width:calc(100% - 40px)}.links-logo{width:100px;height:40px}.login-nav{height:74px}.login-nav nav{gap:14px;font-size:9px}.nav-register{padding:9px 11px;gap:13px}.login-nav nav>a:first-child{display:none}.login-layout{grid-template-columns:1fr;gap:30px;margin:34px auto 35px}.login-story .eyebrow{font-size:7px;margin-bottom:15px}.login-story h1{font-size:45px;line-height:1.05}.login-story h1 br:nth-child(2){display:none}.login-story h1 i{display:block}.story-copy{font-size:12px;margin-top:16px}.story-art{display:none}.login-card{padding:27px;border-radius:19px}.card-eyebrow{font-size:7px;margin-bottom:16px}.login-card h2{font-size:38px}.login-card form{margin-top:26px;gap:19px}.login-field input{font-size:16px}.login-footer{font-size:6px;line-height:1.7;gap:20px}.login-footer>span:last-child{display:none}.free-note{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
