/* Soft green visual treatment; exact pre-change source is archived as «Классик». */
:root{--surface:#fff;--ink:#152b27;--muted:#61716c;--line:#e4ebe5;--green:#09674c;--green-hover:#07513c;--tint:#edf6ef;background:#fafbf8}
body{background:radial-gradient(ellipse at 34% 39%,#eaf3e77a,transparent 38%),#fafbf8}
::selection{background:#cce6d4;color:#163d2d}
.topbar{height:86px;max-width:1648px;margin:auto;padding:0 48px;border:0;gap:40px}
.brand{font-size:25px;letter-spacing:-.8px;flex-shrink:0}.brand img{width:34px;height:34px}
.tabs{border:0;gap:28px;margin-right:auto;align-self:stretch;align-items:center;white-space:nowrap}.tabs button{font-size:14px;min-height:54px;padding:16px 0;border-bottom-width:2px}
.identity{max-width:29%;gap:9px}.avatar{background:#eef2ed;width:32px;height:32px}#account-balance{font-variant-numeric:tabular-nums}
.workspace{max-width:1648px;padding:0 48px}.workspace main{padding-top:36px;min-height:0}
#section-general{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px 70px;align-items:center}
#section-general .general-intro{padding:0;position:relative;min-width:0}
#section-general .general-overview{position:relative;padding-right:0}
#section-general h1{font-size:clamp(34px,2.8vw,49px);font-weight:650;line-height:1.13;letter-spacing:-.035em;max-width:70%;text-wrap:balance;position:relative;z-index:1}
#section-general .general-description{font-size:15px;line-height:1.7;max-width:62%;margin:22px 0 26px;position:relative;z-index:1}
.welcome-illustration{position:absolute;width:40%;height:auto;right:-8px;top:24px;z-index:1;pointer-events:none;user-select:none}
#section-general .general-start{position:relative;z-index:1;gap:9px}
#section-general .general-start .button{min-height:52px;padding:13px 26px;border-radius:11px;font-size:16px;font-weight:600;box-shadow:0 7px 16px #156b4215}
#open svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#section-general .general-location{max-width:400px;font-size:12px;margin-top:16px;line-height:1.65}
#section-general .routine-toggle{max-width:440px;margin-top:20px;padding:16px 18px;border-color:#d9e9dc;background:#edf5ee;border-radius:14px}
#section-general .routine-toggle:hover{background:#e3efe5}
#section-general .general-setup-heading{margin:0 0 17px 0;gap:14px}
#section-general .general-setup-heading h2{font-size:23px;font-weight:650;letter-spacing:-.6px}
#section-general .general-progress{gap:12px}#section-general #progress{width:86px;height:5px;background:#e1e7e2}
#section-general .general-steps{display:grid;gap:10px;position:relative;margin-left:35px}
#section-general .general-steps::before{content:"";position:absolute;left:-23px;top:38px;bottom:38px;border-left:1px dashed #c9d9cf}
#section-general .general-steps>li{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;min-height:85px;padding:13px 15px;border:1px solid #e3e9e3;border-radius:14px;background:#ffffffd9;box-shadow:0 4px 12px #244e3205;transition:background .2s,border-color .2s}
#section-general .general-steps>li:last-child{border-bottom:1px solid #e3e9e3}
#section-general .general-steps>.is-current{background:#edf7ef;border-color:#c8dfcf;box-shadow:0 5px 16px #345c3810}
#section-general .step-number{position:absolute;left:-39px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#fafbf8;border:1px solid #dce6df;color:#567164;box-shadow:0 3px 7px #244e3208;font-size:12px}
#section-general .general-steps>.is-current .step-number{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 4px 10px #09674c20}
#section-general .step-icon{width:38px;height:42px;display:grid;place-items:center;border-radius:11px;background:#f0f6f1;color:var(--green)}
.step-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#section-general .step-content h3{font-size:14px;font-weight:600;line-height:1.45}
#section-general .step-content p{font-size:12px;line-height:1.55;margin-top:4px}
#section-general .general-steps .text-button{font-size:11px;max-width:95px;line-height:1.4;padding:4px 0 4px 4px}
#section-general .step-status{left:-39px;width:32px;height:32px;top:50%;transform:translateY(-50%);background:#deeee1;border:1px solid #c6ddce}
#section-general .general-steps>.is-done .step-number{background:transparent;border-color:transparent;color:transparent;box-shadow:none}
#section-general .general-notes{gap:18px;border:0;padding-top:0;align-self:end}
#section-general .general-notes article{padding:18px 22px;border:1px solid #e8ece5;border-radius:14px;background:#ffffffbf;box-shadow:0 6px 18px #30472e04}
#section-general .general-notes h3{font-size:13px;font-weight:600}#section-general .general-notes p{font-size:12px;line-height:1.55;margin-top:6px}
.onboarding-arrow{z-index:0;opacity:.7}.onboarding-arrow path{stroke-width:1.7}
.page-footer{margin-top:26px;padding:16px 0 18px;border-color:#e4ebe1;font-size:10px;gap:10px}
#section-account,#section-data{padding:10px 0 30px;max-width:1200px;margin:auto}
@media(min-width:1050px) and (min-height:901px){
 .workspace main{padding-top:48px}#section-general{min-height:calc(100svh - 242px);row-gap:42px}
}
@media(min-width:1050px) and (max-height:900px){
 .topbar{height:72px}.workspace main{padding-top:24px}
 #section-general{gap:24px 60px}#section-general h1{font-size:clamp(31px,2.7vw,43px)}
 #section-general .general-description{font-size:14px;margin:16px 0 20px;line-height:1.6}
 #section-general .general-start .button{min-height:46px;font-size:14px;padding:11px 22px}
 #section-general .general-location{margin-top:12px}#section-general .routine-toggle{margin-top:16px;padding:12px 15px}
 #section-general .general-setup-heading{margin-bottom:12px}#section-general .general-setup-heading h2{font-size:20px}
 #section-general .general-steps{gap:8px}#section-general .general-steps>li{min-height:70px;padding:9px 12px;gap:10px;grid-template-columns:32px minmax(0,1fr) auto}
 #section-general .step-icon{width:32px;height:36px;border-radius:9px}#section-general .step-icon svg{width:21px;height:21px}
 #section-general .step-content h3{font-size:13px}#section-general .step-content p{font-size:11px;line-height:1.5}
 #section-general .general-notes article{padding:13px 16px}#section-general .general-notes p{font-size:11px;line-height:1.5}
 .page-footer{margin-top:18px;padding:12px 0}
}
@media(min-width:1050px) and (max-height:720px){
 .topbar{height:64px;padding-inline:36px;gap:30px}.brand{font-size:22px}.brand img{width:30px;height:30px}.tabs{gap:24px}.tabs button{font-size:13px}
 .workspace{padding-inline:36px}.workspace main{padding-top:15px}
 #section-general{gap:18px 48px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 #section-general h1{font-size:30px;max-width:70%}#section-general .general-description{max-width:62%;font-size:13px;line-height:1.55;margin:14px 0 17px}
 .welcome-illustration{width:42%;top:26px;right:-12px}
 #section-general .general-start .button{min-height:43px;font-size:14px;padding:9px 18px}
 #section-general .general-start>span{font-size:11px}#section-general .general-location{font-size:11px;max-width:355px;margin-top:10px}
 #section-general .routine-toggle{margin-top:13px;padding:10px 14px;max-width:385px}#section-general .routine-toggle strong{font-size:13px}#section-general .routine-toggle span span{font-size:11px}
 #section-general .general-setup-heading h2{font-size:19px}#section-general .general-setup-heading{margin-bottom:10px}
 #section-general .general-steps{gap:7px}#section-general .general-steps>li{min-height:62px;padding:7px 11px}
 #section-general .step-content p{line-height:1.4;margin-top:3px}#section-general .step-content h3{font-size:12px}
 #section-general .general-steps .text-button{font-size:10px;max-width:82px}
 #section-general .general-notes{gap:14px}#section-general .general-notes article{padding:10px 14px}#section-general .general-notes h3{font-size:11px}#section-general .general-notes p{font-size:10px;margin-top:4px;line-height:1.4}
 .page-footer{margin-top:12px;padding:10px 0;font-size:10px;gap:8px}
}
@media(max-width:1049px){
 .topbar{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 28px 0;gap:14px}.tabs{order:3;width:100%;margin:0;gap:25px}.identity{margin-left:auto;max-width:55%}
 .workspace{padding:0 28px}.workspace main{padding-top:28px}#section-general{display:grid;grid-template-columns:1fr;gap:30px}
 #section-general .general-intro{padding:0}#section-general h1{font-size:38px;max-width:60%}#section-general .general-description{max-width:60%}.welcome-illustration{width:36%;max-width:290px;right:0}
 #section-general .general-setup-heading{margin-left:0}.onboarding-arrow{display:none}
}
@media(max-width:650px){
 .token-definition [role=tooltip]{left:auto;right:0;transform:none;width:240px}
 .topbar{padding:18px 20px 0;gap:8px}.brand{font-size:21px}.brand img{width:29px;height:29px}.identity{max-width:46%;padding-right:0}.tabs{gap:20px}.tabs button{font-size:12px;padding:17px 0 14px}
 .workspace{padding:0 20px}.workspace main{padding-top:28px}#section-general h1{font-size:32px;max-width:100%}
 .welcome-illustration{position:relative;float:right;width:43%;margin:3px -12px 0 8px;top:auto;right:auto}
 #section-general .general-description{max-width:100%;font-size:14px;margin:16px 0 22px}#section-general .general-start{clear:both}
 #section-general .general-location{font-size:12px}#section-general .routine-toggle{margin-top:18px}
 #section-general .general-setup-heading h2{font-size:18px}#section-general .general-progress{gap:7px}#section-general #progress{width:45px}#section-general #progress-label{font-size:10px}
 #section-general .general-steps{margin-left:29px;gap:10px}#section-general .general-steps>li{grid-template-columns:28px minmax(0,1fr);padding:14px 12px;gap:6px 10px}
 #section-general .step-icon{width:28px;height:34px}.step-icon svg{width:20px;height:20px}#section-general .step-content h3{font-size:13px}#section-general .step-content p{font-size:12px}
 #section-general .step-number,#section-general .step-status{left:-35px;width:28px;height:28px}#section-general .general-steps::before{left:-21px}
 #section-general .general-steps .text-button{grid-column:2;justify-self:start;text-align:left;min-height:30px;max-width:none;font-size:12px;padding:2px 0}
 #section-general .general-notes{grid-template-columns:1fr;gap:12px}#section-general .general-notes article{padding:16px 18px}
 .page-footer{margin-top:22px;font-size:10px}
}