:root{--deep:#071b15;--green:#14543a;--lime:#c9e364;--text:#1b2822;--muted:#778079;--line:#dde3dd}
*{box-sizing:border-box}body.ramis-auth{margin:0;min-height:100vh;color:var(--text);background:#f7f8f5;font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.85fr) 1.15fr}.auth-story{position:relative;display:flex;flex-direction:column;padding:40px 4.5vw;color:white;overflow:hidden;background:linear-gradient(145deg,rgba(5,28,20,.97),rgba(16,79,53,.94)),url("../img/intro-bg-ramis.png") center/cover}.auth-story:after{content:"";position:absolute;right:-210px;bottom:-210px;width:500px;height:500px;border:1px solid rgba(201,227,100,.14);border-radius:50%;box-shadow:0 0 0 70px rgba(201,227,100,.03),0 0 0 140px rgba(201,227,100,.025)}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:white!important;text-decoration:none!important}.auth-brand>span{width:42px;height:47px;display:grid;place-items:center;color:var(--deep);background:var(--lime);clip-path:polygon(50% 0,92% 17%,84% 76%,50% 100%,16% 76%,8% 17%)}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:800 19px "Manrope";letter-spacing:2px}.auth-brand small{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;opacity:.5}.auth-story-content{position:relative;z-index:1;margin:auto 0;max-width:560px}.auth-kicker{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:2px}.auth-story h2{margin:18px 0;font:800 clamp(40px,4.5vw,67px)/1.02 "Manrope";letter-spacing:-3px}.auth-story h2 em{color:var(--lime);font-style:normal}.auth-story p{max-width:510px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.75}.auth-trust{display:flex;gap:24px;margin-top:35px;color:rgba(255,255,255,.55);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.auth-trust i{margin-right:7px;color:var(--lime)}.auth-copyright{position:relative;z-index:1;color:rgba(255,255,255,.3);font-size:12px}.auth-form-panel{position:relative;display:grid;place-items:center;padding:70px 30px}.back-home{position:absolute;right:35px;top:30px;color:#738078;font-size:12px;font-weight:700;text-decoration:none!important}.back-home i{margin-right:7px}.auth-form-wrap{width:100%;max-width:470px}.auth-form-wrap>.row{margin:0!important}.auth-form-wrap [class*=col-md-]{max-width:100%;flex:0 0 100%;padding:0}.auth-form-wrap .card{margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}.auth-form-wrap .card-body{padding:0!important}.auth-form-wrap h1{margin:0 0 8px;font:800 32px "Manrope";letter-spacing:-1.2px}.auth-form-wrap .text-muted{margin-bottom:28px!important;color:var(--muted)!important;font-size:12px}.auth-form-wrap .input-group{margin-bottom:14px!important}.auth-form-wrap .input-group-text{width:45px;justify-content:center;border-color:var(--line);color:var(--green);background:white}.auth-form-wrap .form-control{height:48px;border-color:var(--line);font-size:12px;box-shadow:none}.auth-form-wrap .form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(20,84,58,.08)}.auth-form-wrap .btn-primary,.auth-form-wrap .btn-block{min-height:46px;border:0;border-radius:6px;color:var(--deep);background:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.auth-form-wrap .btn-link{color:var(--green);font-size:12px;font-weight:700}.auth-form-wrap .form-check-label{color:#66726a;font-size:12px}.auth-form-wrap .invalid-feedback{font-size:12px}.auth-form-wrap label{font-size:12px;font-weight:600}.auth-form-wrap .card-header{padding:0 0 20px;border:0;background:transparent;font:700 24px "Manrope"}.auth-form-wrap .row .col-6{padding:0 6px}.auth-form-wrap .row .col-6:first-child{padding-left:0}.auth-form-wrap .row .col-6:last-child{padding-right:0}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:280px;padding:28px}.auth-story-content{margin:55px 0 35px}.auth-story h2{font-size:42px}.auth-story p,.auth-trust,.auth-copyright{display:none}.auth-form-panel{padding:75px 24px 50px}.back-home{right:24px;top:24px}}
@media(max-width:500px){.auth-story{min-height:220px}.auth-story h2{font-size:35px}.auth-form-wrap .row .col-6{max-width:100%;flex:0 0 100%;padding:0!important;text-align:left!important}}