.cg-auth-page{background:#09121c;color:#eef5f3;min-height:100svh}
.cg-auth-page .app-shell{width:100%;max-width:none;margin:0;padding:0 20px;background:radial-gradient(ellipse at 50% 0,rgba(64,204,126,.09),transparent 55%);min-height:0}
.cg-auth-page .main-content{display:grid;place-items:center;min-height:calc(100svh - 100px)}
.cg-account{width:min(100%,440px);margin:0 auto;padding:32px 0}
.cg-account-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px;color:#edf7f1;font-size:21px;font-weight:800;text-decoration:none}
.cg-account-brand img{width:48px;height:48px;border-radius:12px;object-fit:contain}
.cg-account-card{padding:34px;border:1px solid #293a43;border-radius:16px;background:#101e29;box-shadow:0 16px 48px #0002;animation:cgAccountEnter .4s ease-out}
.cg-account-heading{margin-bottom:28px}
.cg-account-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#60d59114;color:#72e3a0}
.cg-account-icon svg{width:23px;height:23px}
.cg-account-heading h1{margin:0;font-size:26px;line-height:1.6;color:#f0f6f3}
.cg-account-heading p{margin:8px 0 0;font-size:16px;line-height:1.9;color:#afc1ca}
.cg-account-heading .cg-account-username{text-align:right;overflow-wrap:anywhere}
.cg-account-form{display:grid;gap:23px}
.cg-account-field{display:grid;gap:9px;min-width:0}
.cg-account-field label{font-size:15px;font-weight:600;color:#dbe8e3;line-height:1.8}
.cg-account-field label span{margin-inline-start:6px;font-size:14px;font-weight:400;color:#98aeb9}
.cg-account-field input{display:block;width:100%;min-width:0;height:52px;padding:12px 14px;border:1px solid #3a4c59;border-radius:9px;background:#0b1620;color:#f2f7f5;font-family:inherit;font-size:16px;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.cg-account-field input:focus{outline:none;border-color:#72dda0;box-shadow:0 0 0 3px #61d69120}
.cg-password-field{position:relative}
.cg-password-field input{padding-left:72px}
.cg-password-field button{position:absolute;left:7px;top:7px;min-height:38px;padding:4px 10px;border:0;border-radius:6px;background:transparent;color:#a9dcbf;font:inherit;font-size:14px;cursor:pointer}
.cg-account-submit{width:100%;min-height:52px;margin-top:5px;border:1px solid #7aebb0;border-radius:9px;background:#62d894;color:#082215;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:background .18s,transform .18s}
.cg-account-submit:hover{background:#82e7ad}
.cg-account-submit:active{transform:translateY(1px)}
.cg-account-back{display:block;width:fit-content;margin:24px auto 0;padding:6px;color:#b3c5cc;font-size:14px;text-decoration:none}
.cg-account-back:hover{color:#eef7f2}
.cg-account :is(a,button):focus-visible{outline:2px solid #83eaae;outline-offset:4px}
.cg-auth-page .app-shell>.flash{width:min(100%,440px);margin:20px auto 0;padding:14px 18px;font-size:15px;line-height:1.9}
.cg-auth-page .footer-space{display:none}
@keyframes cgAccountEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.cg-auth-page .app-shell{padding:0 16px}.cg-account{padding-top:28px}.cg-account-brand{margin-bottom:22px}.cg-account-card{padding:26px 22px}.cg-account-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.cg-account-card{animation:none}.cg-account *{transition:none}}

body.cg-auth-page{font-family:'Vazir',Tahoma,sans-serif}
.cg-auth-page .cg-account-heading h1{font-family:inherit;font-weight:800}
body.cg-auth-page.has-user .app-shell{padding:0 20px}
@media(max-width:480px){body.cg-auth-page.has-user .app-shell{padding:0 16px}}