.site-header{position:sticky;top:0;z-index:45;background:#fff;box-shadow:0 1px 0 #ddd}.profile-button{display:flex;align-items:center;gap:9px;color:#111;text-decoration:none;font-weight:650}.profile-button svg,.auth-avatar svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.header-text-link{color:#111;text-decoration:none}.site-footer{position:relative;z-index:12;background:#111;color:#fff;padding:52px max(24px,calc((100% - 1280px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer img{width:190px;filter:brightness(0) invert(1)}.site-footer div{display:grid;align-content:start;gap:10px}.site-footer a,.site-footer p{color:#aaa;text-decoration:none;margin:0}.site-footer small{grid-column:1/-1;border-top:1px solid #333;padding-top:24px;color:#777}.auth-page{min-height:680px;background:#f3f4f6;display:grid;grid-template-columns:1fr 520px;gap:70px;padding:70px max(24px,calc((100% - 1280px)/2));align-items:center}.auth-showcase{padding:35px}.auth-showcase>span{font-size:12px;font-weight:800;letter-spacing:.15em;color:#176ee8}.auth-showcase h1{font-size:54px;line-height:1.08;letter-spacing:-.045em;max-width:700px;margin:14px 0}.auth-showcase>p{color:#666;font-size:17px;line-height:1.7;max-width:600px}.auth-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.auth-perks div{background:#fff;border:1px solid #e1e1e1;padding:18px;border-radius:16px;display:grid;gap:7px}.auth-perks div:first-letter{font-size:24px}.auth-perks small{color:#777;line-height:1.5}.auth-panel{background:#fff;border:1px solid #e2e2e2;border-radius:24px;padding:34px;box-shadow:0 22px 70px #0000000d}.auth-panel-title{display:flex;gap:15px;align-items:center;border-bottom:1px solid #eee;padding-bottom:22px}.auth-panel-title p{font-size:11px;color:#777;font-weight:700;letter-spacing:.12em;margin:0}.auth-panel-title h2{font-size:30px;margin:3px 0}.auth-avatar{width:54px;height:54px;border-radius:16px;background:#111;color:#fff;display:grid;place-items:center;font-size:28px}.field-icon{display:flex;align-items:center;border:1px solid #d2d2d2;border-radius:12px;overflow:hidden;margin-top:7px}.field-icon:focus-within{border-color:#111;box-shadow:0 0 0 3px #1111}.field-icon span{width:46px;text-align:center;color:#555}.field-icon input{border:0!important;margin:0!important;padding-left:0!important;outline:0}.auth-form label small{color:#999;font-weight:400}.remember{display:flex!important;grid-template-columns:auto 1fr;align-items:center;justify-content:start;font-weight:400!important}.remember input{width:auto!important}.auth-submit{min-height:54px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:750;padding:0 20px;display:flex;justify-content:center;align-items:center;gap:15px;cursor:pointer}.auth-submit span{font-size:22px}.login-graphic{margin-top:40px;display:flex;align-items:center;gap:20px}.login-graphic div{width:100px;height:100px;border-radius:28px;background:#111;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800}.verify-page{min-height:650px;background:#f4f5f7;display:grid;place-items:center;padding:60px 20px}.verify-page>section{width:min(520px,100%);background:#fff;text-align:center;border-radius:24px;padding:45px;box-shadow:0 20px 70px #0001}.mail-orbit{width:76px;height:76px;margin:auto;border-radius:24px;background:#111;color:#fff;display:grid;place-items:center;font-size:32px}.verify-page h1{font-size:38px;margin:10px}.verify-page p{color:#666;line-height:1.6}.otp-input{width:100%;padding:18px;border:1px solid #bbb;border-radius:12px;text-align:center;font-size:30px;font-weight:800;letter-spacing:12px;margin:18px 0}.verify-page .auth-submit{width:100%}.resend-button{border:0;background:none;margin-top:18px;text-decoration:underline;cursor:pointer}.profile-page{background:#f4f5f7;min-height:700px;padding:40px max(20px,calc((100% - 1320px)/2)) 80px}.account-tabs{display:flex;gap:4px;margin-bottom:18px}.account-tabs a,.account-tabs button{border:0;background:#fff;padding:14px 20px;color:#111;text-decoration:none;font:inherit;cursor:pointer}.account-tabs .active{background:#111;color:#fff;border-radius:8px}.account-tabs form{margin-left:auto}.profile-card{background:#fff;border:1px solid #ddd;border-radius:18px;padding:30px}.profile-card>header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #eee;padding-bottom:25px}.profile-avatar{width:85px;height:85px;border-radius:50%;background:#e7e7e7;display:grid;place-items:center;font-size:34px;font-weight:800}.profile-card header p{margin:0;color:#777;font-size:11px;letter-spacing:.1em}.profile-card header h1{margin:4px 0}.verified-badge{margin-left:auto;background:#e8f7ec;color:#16723b;border-radius:99px;padding:8px 12px;font-size:12px}.profile-form{background:#f7f7f7;border-radius:14px;padding:25px;margin-top:25px}.profile-form>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-form label{display:grid;gap:6px;font-size:12px}.profile-form input{padding:13px;border:1px solid #ccc;border-radius:9px}.profile-form .auth-submit{margin-top:18px}.profile-orders{margin-top:35px}.profile-orders article{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #eee}.profile-orders article div{display:grid}.profile-orders small{color:#777;margin-top:5px}.profile-orders a{color:#176ee8}.empty-state{padding:30px;background:#f7f7f7;border-radius:12px;color:#777}
@media(max-width:850px){.profile-button span{display:none}.profile-button svg{width:27px;height:27px}.auth-page{grid-template-columns:1fr;padding:28px 16px;gap:20px}.auth-showcase{padding:18px 4px}.auth-showcase h1{font-size:38px}.auth-showcase>p{font-size:14px}.auth-perks{grid-template-columns:1fr;margin-top:22px}.auth-perks div{grid-template-columns:32px 1fr}.auth-perks small{grid-column:2}.auth-panel{padding:24px 18px;border-radius:18px}.site-footer{grid-template-columns:1fr 1fr;padding:40px 20px}.site-footer>div:first-child{grid-column:1/-1}.profile-page{padding:22px 12px 60px}.account-tabs{overflow:auto}.profile-card{padding:18px}.profile-card>header{align-items:flex-start;flex-wrap:wrap}.profile-avatar{width:62px;height:62px}.verified-badge{margin-left:80px;margin-top:-22px}.profile-form{padding:18px}.profile-form>div{grid-template-columns:1fr}.profile-orders article{grid-template-columns:1fr auto}.profile-orders article strong,.profile-orders article a{grid-row:2}.otp-input{font-size:25px;letter-spacing:8px}.verify-page>section{padding:34px 20px}}
