.login-page{color:#0a0c12;background:#f5f5f2;min-height:100vh;padding:28px 44px 44px}.login-page>header{justify-content:space-between;align-items:center;max-width:1500px;height:54px;margin:0 auto;display:flex}.login-page>header .cercle-logo{width:132px;height:auto}.login-page>header>a:last-child{color:#0a0c12;font-size:13px;font-weight:700;text-decoration:none}.login-shell{grid-template-columns:minmax(420px,.82fr) minmax(560px,1.18fr);align-items:stretch;gap:28px;max-width:1500px;min-height:calc(100vh - 126px);margin:0 auto;padding-top:24px;display:grid}.login-copy{flex-direction:column;justify-content:center;padding:clamp(24px,6vw,88px);display:flex}.login-copy>span,.access-pending>span{letter-spacing:.18em;font-size:11px;font-weight:800}.login-copy h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(42px,4.5vw,76px);line-height:.96}.login-copy>p{color:#62666b;max-width:560px;margin:0 0 36px;font-size:17px;line-height:1.55}.login-copy>small{color:#85898d;margin-top:17px;font-size:12px;display:block}.login-form{gap:10px;width:min(100%,530px);display:grid}.login-form label{font-size:12px;font-weight:750}.login-form input{height:58px;font:inherit;background:#fff;border:1px solid #d5d5d0;border-radius:13px;outline:none;padding:0 18px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:#0a0c12;box-shadow:0 0 0 3px #0a0c1214}.login-form button{color:#fff;height:58px;font:inherit;cursor:pointer;background:#0a0c12;border:0;border-radius:13px;font-weight:800}.login-form button:disabled{cursor:default;opacity:.55}.login-message{margin:3px 0 0!important;font-size:13px!important;line-height:1.4!important}.login-message.sent{color:#17743b!important}.login-message.error{color:#b82920!important}.login-visual{color:#fff;isolation:isolate;background:#0a0c12;border-radius:28px;flex-direction:column;justify-content:flex-end;padding:clamp(38px,5vw,78px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";z-index:-1;background:radial-gradient(circle at 75% 20%,#db522785,#0000 24%),radial-gradient(circle at 18% 68%,#76828e47,#0000 31%);position:absolute;inset:-20%}.login-visual-head{letter-spacing:.16em;justify-content:space-between;font-size:11px;font-weight:800;display:flex;position:absolute;top:clamp(38px,5vw,78px);left:clamp(38px,5vw,78px);right:clamp(38px,5vw,78px)}.login-visual-head b{color:#db5227}.login-visual h2{letter-spacing:-.06em;max-width:880px;margin:0 0 42px;font-size:clamp(46px,5vw,86px);line-height:.92}.login-creator-strip{align-items:center;margin-bottom:28px;display:flex}.login-creator-strip i{background-image:url(/cercle-creator-sheet.png);background-size:400% 200%;border:3px solid #0a0c12;border-radius:50%;width:58px;height:58px;margin-left:-10px}.login-creator-strip i:first-child{margin-left:0}.login-creator-strip i:nth-child(2){background-position:33.333% 0}.login-creator-strip i:nth-child(3){background-position:66.666% 0}.login-creator-strip i:nth-child(4){background-position:100% 0}.login-creator-strip i:nth-child(5){background-position:0 100%}.login-signal{border-top:1px solid #34363b;border-bottom:1px solid #34363b;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.login-signal span{flex-direction:column;gap:8px;padding:22px 0;display:flex}.login-signal span+span{border-left:1px solid #34363b;padding-left:28px}.login-signal small{color:#96999e;letter-spacing:.12em;font-size:10px}.login-signal b{font-size:28px}.login-chart{align-items:flex-end;gap:10px;height:150px;padding-top:24px;display:flex}.login-chart i{background:#32353a;border-radius:99px 99px 0 0;flex:1;min-width:10px}.login-chart i:first-child{height:22%}.login-chart i:nth-child(2){height:38%}.login-chart i:nth-child(3){height:31%}.login-chart i:nth-child(4){background:#76828e;height:56%}.login-chart i:nth-child(5){height:68%}.login-chart i:nth-child(6){background:#db5227;height:61%}.login-chart i:nth-child(7){height:88%}.login-chart i:nth-child(8){background:#fff;height:100%}.access-pending{color:#0a0c12;text-align:center;background:#f5f5f2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.access-pending .cercle-logo{width:140px;height:auto;margin-bottom:58px}.access-pending h1{letter-spacing:-.055em;max-width:980px;margin:18px 0;font-size:clamp(38px,5vw,72px);line-height:1}.access-pending p{color:#666b70;max-width:620px;font-size:17px;line-height:1.5}.access-pending div{gap:10px;margin-top:24px;display:flex}.access-pending a{color:#fff;background:#0a0c12;border-radius:999px;padding:15px 22px;font-weight:750;text-decoration:none}.access-pending a+a{color:#0a0c12;background:#fff;border:1px solid #d7d7d2}@media (max-width:900px){.login-page{padding:20px}.login-shell{grid-template-columns:1fr}.login-copy{padding:48px 8px}.login-visual{min-height:650px}.login-page>header .cercle-logo{width:112px}}
.login-methods{background:#ecece8;border:1px solid #d5d5d0;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px;padding:4px;display:grid}.login-methods button{color:#6b6e72;letter-spacing:.02em;background:0 0;border-radius:10px;height:42px;font-size:12px}.login-methods button.active{color:#0a0c12;background:#fff;box-shadow:0 1px 5px #0a0c1214}.login-method-note{color:#696d72!important;margin:1px 0 3px!important;font-size:13px!important;line-height:1.5!important}.login-form .login-recovery-link,.login-form .login-back-link{color:#6559de;background:0 0;border-radius:0;width:max-content;height:auto;padding:3px 0;font-size:12px;font-weight:800}.login-form .login-recovery-link{justify-self:end;margin-top:-4px}.login-code-heading{background:#fff;border:1px solid #d9d9d3;border-radius:14px;gap:7px;margin-bottom:10px;padding:18px;display:grid}.login-code-heading span{color:#6559de;letter-spacing:.15em;font-size:10px;font-weight:850}.login-code-heading strong{overflow-wrap:anywhere;font-size:16px}.login-code-heading p{color:#696d72;margin:0;font-size:13px;line-height:1.45}.login-form .login-code-input{letter-spacing:.34em;text-align:center;font-size:24px;font-weight:800}.login-code-actions{flex-wrap:wrap;justify-content:space-between;gap:10px 18px;display:flex}.login-form .login-code-actions button{color:#6559de;background:0 0;border-radius:0;width:max-content;height:auto;padding:3px 0;font-size:12px;font-weight:800}.password-setup-page{color:#0a0c12;background:radial-gradient(circle at 85% 10%,#978cff3d,#0000 26%),#f5f5f2;place-items:center;min-height:100vh;padding:28px;display:grid}.password-setup-page>section{background:#fff;border:1px solid #deded9;border-radius:28px;width:min(100%,610px);padding:clamp(30px,6vw,68px);box-shadow:0 30px 80px #0a0c1214}.password-setup-page .cercle-logo{width:126px;height:auto;margin-bottom:52px}.password-setup-page>section>span{color:#6559de;letter-spacing:.18em;font-size:11px;font-weight:850}.password-setup-page h1{letter-spacing:-.06em;margin:17px 0 15px;font-size:clamp(40px,6vw,66px);line-height:.95}.password-setup-page>section>p{color:#686c71;margin:0 0 32px;font-size:16px;line-height:1.55}.password-setup-form{gap:16px;display:grid}.password-setup-form label{gap:8px;font-size:12px;font-weight:800;display:grid}.password-setup-form input{height:58px;font:inherit;border:1px solid #d5d5d0;border-radius:13px;outline:none;padding:0 17px}.password-setup-form input:focus{border-color:#6559de;box-shadow:0 0 0 3px #6559de1f}.password-setup-form small{color:#777b80;line-height:1.45}.password-setup-form p{color:#b82920;margin:0;font-size:13px}.password-setup-form button{color:#fff;height:58px;font:inherit;cursor:pointer;background:#0a0c12;border:0;border-radius:13px;font-weight:850}.password-setup-form button:disabled{opacity:.55;cursor:default}