.clev-login{--clev-ink:#102744;--clev-blue:#1559b8;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr);color:var(--clev-ink);background:#f8fafc;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.clev-login-story{position:relative;min-width:0;min-height:720px;overflow:hidden;display:flex;flex-direction:column;padding:34px clamp(28px,5vw,76px) 30px;isolation:isolate;color:#fff;background:linear-gradient(145deg,#081c3b,#0b2d5e 56%,#073b78)}.clev-login-story:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(155,205,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(155,205,255,.045) 1px,transparent 0);background-size:44px 44px;mask-image:linear-gradient(180deg,transparent,#000 23%,#000 85%,transparent)}.clev-login-glow{position:absolute;z-index:-1;width:690px;height:690px;right:-240px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(22,124,255,.38),rgba(20,106,245,.08) 48%,transparent 69%);pointer-events:none}.clev-login-brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.035em}.clev-login-brand img{object-fit:contain}.clev-login-brand strong{color:#5eb9ff}.clev-login-story-content{width:100%;max-width:680px;margin:auto 0;padding:48px 0 34px}.clev-login-overline{display:flex;align-items:center;gap:10px;color:#80cdff;font-size:10px;font-weight:700;letter-spacing:.2em}.clev-login-overline span{width:23px;height:1px;background:#53b9fa}.clev-login-story h1{margin:21px 0 19px;font-size:clamp(47px,4.6vw,71px);line-height:1.04;letter-spacing:-.012em;font-weight:700}.clev-login-story h1 em{font-style:normal;color:#72c9ff}.clev-login-story-content>p{max-width:510px;margin:0;color:#b9cee6;font-size:16px;line-height:1.65}.clev-login-orbit{position:relative;width:100%;height:238px;margin-top:38px;animation:clev-login-orbit-fade .8s ease-out both}.clev-login-orbit-track{position:absolute;left:10%;right:3%;top:13%;bottom:6%;border:1px solid rgba(117,180,251,.17);border-radius:50%;transform:rotate(-7deg)}.clev-login-orbit-track:after{content:"";position:absolute;inset:26px 60px;border:1px dashed rgba(126,189,255,.16);border-radius:50%}.clev-login-orbit-center{position:absolute;left:46%;top:46%;width:70px;height:70px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(135,202,255,.45);border-radius:19px;background:linear-gradient(145deg,#1e74dd,#0b3d91);box-shadow:0 0 0 12px rgba(76,156,243,.07),0 22px 50px rgba(1,13,37,.3)}.clev-login-tile{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(139,199,255,.23);border-radius:9px;background:rgba(18,63,122,.93);box-shadow:0 9px 26px rgba(0,17,45,.18);color:#e8f5ff;font-size:11px;font-weight:600;white-space:nowrap}.clev-login-tile svg{color:#7ac7ff;flex:none}.clev-login-tile-clients{left:0;top:17%}.clev-login-tile-opportunities{left:25%;top:0}.clev-login-tile-support{right:3%;top:13%}.clev-login-tile-invoices{left:1%;top:57%}.clev-login-tile-purchases{right:0;top:50%}.clev-login-tile-reports{left:20%;bottom:3%}.clev-login-tile-email{left:53%;bottom:0}.clev-login-tile-calendar{right:3%;bottom:8%}.clev-login-story-footer{display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(160,205,255,.19);color:rgba(197,224,255,.63);font-size:9px;font-weight:700;letter-spacing:.22em}.clev-login-access{min-width:0;display:flex;flex-direction:column;padding:38px clamp(28px,5vw,78px) 28px;background:#f9fbff}.clev-login-access-top{display:flex;align-items:center;gap:14px}.clev-login-access-kicker{color:#8392a6;font-size:9px;font-weight:700;letter-spacing:.17em;white-space:nowrap}.clev-login-access-line{flex:1;height:1px;background:#dbe4ee}.clev-login-form{width:100%;max-width:420px;margin:auto;padding:46px 0 56px}.clev-login-form-symbol{width:68px;height:68px;display:grid;place-items:center;margin-bottom:31px;border:1px solid #d7e8f9;border-radius:17px;background:#fff;box-shadow:0 13px 32px rgba(29,91,151,.08)}.clev-login-form-eyebrow{margin:0 0 13px;color:#1370c9;font-size:10px;font-weight:700;letter-spacing:.18em}.clev-login-form h2{max-width:410px;margin:0;font-size:clamp(36px,3vw,49px);line-height:1.08;letter-spacing:-.012em;font-weight:700}.clev-login-form-intro{margin:16px 0 35px;color:#708299;font-size:14px;line-height:1.5}.clev-login-fields{display:grid;gap:20px}.clev-login-field{display:grid;gap:9px}.clev-login-field label{color:#263d58;font-size:12px;font-weight:700}.clev-login-field input{width:100%;height:50px;padding:0 15px;border:1px solid #d6e0ec;border-radius:8px;outline:none;background:#fff;color:#102744;font:inherit;font-size:14px;transition:border-color .18s ease,box-shadow .18s ease}.clev-login-field input::placeholder{color:#a1aec0}.clev-login-field input:focus{border-color:#1782dd;box-shadow:0 0 0 3px rgba(29,136,224,.12)}.clev-login-password-label{display:flex;justify-content:space-between;align-items:center}.clev-login-password-label button{padding:0;border:0;background:none;color:#1769ba;font-size:12px;font-weight:700;cursor:pointer}.clev-login-error{padding:11px 13px;border:1px solid #f4b9b9;border-radius:7px;background:#fff5f5;color:#952b2b;font-size:12px;line-height:1.4}.clev-login-submit{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding:0 17px;border:0;border-radius:8px;background:#1559b8;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px rgba(21,89,184,.17);transition:background .18s ease,transform .18s ease}.clev-login-submit:hover:not(:disabled){background:#0d4a9d;transform:translateY(-1px)}.clev-login-submit:disabled{cursor:wait;opacity:.6}.clev-login :focus-visible{outline:2px solid #1686e6;outline-offset:3px}.clev-login-access-footer{display:flex;justify-content:space-between;gap:16px;color:#8d9aae;font-size:11px}@keyframes clev-login-orbit-fade{0%{opacity:0}to{opacity:1}}@media (max-width:1050px){.clev-login{grid-template-columns:minmax(0,1fr) minmax(390px,1fr)}.clev-login-story{padding-left:36px;padding-right:36px}.clev-login-story h1{font-size:clamp(43px,5vw,60px)}.clev-login-orbit{transform:scale(.9);transform-origin:left center;width:111%}}@media (max-width:760px){.clev-login{display:flex;flex-direction:column}.clev-login-story{min-height:0;padding:22px 24px 27px}.clev-login-brand{font-size:17px}.clev-login-brand img{width:30px;height:30px}.clev-login-story-content{padding:33px 0 0}.clev-login-story h1{margin:14px 0 10px;font-size:clamp(36px,8vw,50px)}.clev-login-story-content>p{font-size:13px;line-height:1.5}.clev-login-orbit,.clev-login-story-footer{display:none}.clev-login-access{flex:1;padding:27px 24px 20px}.clev-login-form{max-width:500px;padding:38px 0 55px}.clev-login-form-symbol{display:none}.clev-login-form h2{font-size:clamp(34px,8vw,44px)}.clev-login-access-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.clev-login-orbit{animation:none}.clev-login-field input,.clev-login-submit{transition:none}}