:root{--brand:#2457d6;--brand-dark:#173b9b;--accent:#0f9f8f;--navy:#10203f;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8faff;--text:#17213a;--muted:#667085;--border:#dce2ec;--danger:#b42318;--success:#067647;--warning:#b54708;--shadow-sm:0 2px 8px #10203f0f;--shadow-lg:0 24px 60px #10203f24;--radius-sm:10px;--radius:16px;--radius-lg:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}:focus-visible{outline:3px solid #2457d659}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.16}button,.button{border-radius:var(--radius-sm);background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;min-height:46px;padding:.72rem 1.1rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 7px 18px #2457d633}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-lg{min-height:52px;padding:.85rem 1.35rem}.button-block{width:100%}.secondary{color:var(--brand-dark);background:#edf2ff;border-color:#d8e2ff}.secondary:hover{background:#dfe8ff!important}.danger{background:var(--danger)}.icon-button{width:42px;color:var(--text);background:0 0;padding:0;font-size:1.4rem}.container{width:min(1180px,100% - 2rem);margin-inline:auto}.brand{letter-spacing:-.04em;color:var(--brand);font-size:1.45rem;font-weight:850}.brand-light{color:#fff}.eyebrow{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.7rem;font-size:.78rem;font-weight:800;display:inline-block}.muted{color:var(--muted)}.badge{color:var(--brand-dark);text-transform:capitalize;background:#edf2ff;border-radius:999px;align-items:center;padding:.32rem .68rem;font-size:.78rem;font-weight:750;display:inline-flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem}.stack,.form-stack{gap:1rem;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;display:grid}.field{gap:.45rem;font-size:.92rem;font-weight:700;display:grid}.field-hint{color:var(--muted);font-size:.77rem;font-weight:500}input,textarea,select{border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text);background:#fff;border:1px solid #cfd7e6;padding:.74rem .85rem;transition:border .15s,box-shadow .15s}input::placeholder{color:#98a2b3}input:hover,textarea:hover,select:hover{border-color:#aab6c9}input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #2457d61f}.password-field{display:block;position:relative}.password-field input{padding-right:7rem}.password-toggle{min-height:36px;color:var(--brand);background:0 0;padding:.35rem .55rem;font-size:.78rem;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.password-toggle:hover{box-shadow:none!important;background:#edf2ff!important;transform:translateY(-50%)!important}.alert{border-radius:var(--radius-sm);border:1px solid;padding:.8rem .9rem;font-size:.9rem}.alert-error,.error{color:var(--danger);background:#fef3f2;border-color:#fecdca}.alert-success{color:var(--success);background:#ecfdf3;border-color:#abefc6}.alert-info{color:#1849a9;background:#eff8ff;border-color:#b2ddff}.button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffe6;border-bottom:1px solid #dce2eccc;height:74px;position:sticky;top:0}.public-nav{justify-content:space-between;align-items:center;gap:2rem;height:100%;display:flex}.public-nav nav{color:#475467;gap:1.8rem;font-weight:650;display:flex}.public-nav nav a:hover{color:var(--brand)}.header-actions{gap:.65rem;display:flex}.landing{background:linear-gradient(145deg,#f7f9ff 0,#fff 45%,#eefaf8 100%);min-height:100vh}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:4.5rem;min-height:680px;padding:5.5rem 0;display:grid}.hero h1{margin-bottom:1.25rem;font-size:clamp(2.6rem,5.5vw,4.7rem)}.hero-copy>p{color:var(--muted);max-width:650px;font-size:1.16rem;line-height:1.75}.hero-actions{gap:.8rem;margin-top:2rem;display:flex}.trust-row{color:#475467;flex-wrap:wrap;gap:1rem;margin-top:2rem;font-size:.87rem;display:flex}.product-preview{box-shadow:var(--shadow-lg);background:#fff;border:1px solid #d7dfec;border-radius:22px;overflow:hidden;transform:perspective(1000px)rotateY(-2deg)}.preview-top{background:#eef2f8;align-items:center;gap:6px;height:40px;padding:0 14px;display:flex}.preview-top span{background:#b8c2d1;border-radius:50%;width:8px;height:8px}.preview-body{grid-template-columns:130px 1fr;min-height:360px;display:grid}.preview-body aside{background:var(--navy);color:#fff;align-content:start;gap:1.2rem;padding:1.3rem;display:grid}.preview-body aside i{background:#ffffff2c;border-radius:8px;height:9px}.preview-body section{padding:2rem}.preview-body h2{margin:1.3rem 0}.preview-field{border:1px solid var(--border);border-radius:9px;width:72%;height:48px;margin-bottom:1rem}.preview-field.wide{width:100%;height:100px}.preview-actions{justify-content:flex-end;gap:.7rem;display:flex}.preview-actions span{background:#e8edfa;border-radius:8px;width:90px;height:38px}.preview-actions span:last-child{background:var(--brand)}.section{padding:5.5rem 0}.section-heading{max-width:690px;margin-bottom:2.4rem}.section-heading h1,.section-heading h2{margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.1rem)}.section-heading p{color:var(--muted)}.centered{text-align:center;margin-inline:auto}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.6rem}.feature-card>span{color:var(--brand);font-weight:850}.feature-card h3{margin:1.4rem 0 .6rem}.feature-card p{color:var(--muted);margin:0}.cta-section{padding:1rem 0 5rem}.cta-card{background:var(--navy);color:#fff;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem;display:flex}.cta-card p{color:#cad4e4;margin:0}.footer{border-top:1px solid var(--border);color:var(--muted);padding:1.5rem 0}.footer .container{justify-content:space-between;display:flex}.plans-section{min-height:calc(100vh - 74px)}.plans-note{border-radius:var(--radius-sm);color:#93370d;background:#fffaeb;border:1px solid #fedf89;padding:1rem}.plans-note a{font-weight:750;text-decoration:underline}.auth-page{background:#fff;grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr);min-height:100vh;display:grid}.auth-aside{color:#fff;background:linear-gradient(145deg,#102a56,#173b9b 70%,#146b80);flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);display:flex}.auth-aside .eyebrow{color:#a9c7ff}.auth-aside h1{max-width:620px;font-size:clamp(2.2rem,4vw,3.8rem)}.auth-aside p{color:#d7e3f8;max-width:570px;font-size:1.05rem}.auth-note{font-size:.85rem!important}.auth-panel{place-items:center;padding:2rem;display:grid}.auth-card{width:min(460px,100%)}.auth-heading{margin-bottom:1.7rem}.auth-heading h1{margin-bottom:.55rem;font-size:2rem}.auth-heading p{color:var(--muted)}.form-links{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.7rem;font-size:.88rem;display:flex}.form-links a,.auth-footer a{color:var(--brand);font-weight:750}.auth-footer{text-align:center;color:var(--muted);margin-top:1.4rem}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;height:100vh;padding:1.35rem;position:sticky;top:0}.sidebar .brand{color:#fff}.nav{gap:.35rem;margin-top:2rem;display:grid}.nav a{color:#d6dfed;border-radius:9px;padding:.82rem}.nav a:hover,.nav a[aria-current=page]{color:#fff;background:#ffffff14}.main{min-width:0;padding:2rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.9rem}.table th{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;background:#fafbfc;font-size:.77rem}.table tr:last-child td{border-bottom:0}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.skeleton-card,.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#e7ebf2,#f7f8fa,#e7ebf2) 0 0/200%;height:130px;animation:1.3s infinite pulse}@keyframes pulse{to{background-position:-200% 0}}.empty-state{text-align:center;border-radius:var(--radius);color:var(--muted);background:#fff;border:1px dashed #cbd5e1;padding:3rem 1rem}.empty-state h2{color:var(--text);margin:.7rem 0}.empty-icon{color:var(--brand);font-size:2rem}.toast{background:var(--navy);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:50;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:fixed;bottom:1.2rem;right:1.2rem}.toast button{background:0 0;min-height:32px;padding:.2rem}.modal-backdrop{z-index:60;background:#10203f8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow-lg);background:#fff;padding:1.3rem}.modal-head{justify-content:space-between;align-items:center;display:flex}.mobile-nav{display:none}@media (max-width:1023px){.hero{gap:2rem}.product-preview{transform:none}.auth-page{grid-template-columns:1fr}.auth-aside{min-height:270px;padding:2rem}.auth-aside .auth-note{display:none}.auth-aside h1{font-size:2.2rem}.auth-panel{padding:2.5rem 1rem}}@media (max-width:767px){.container{width:min(100% - 1.2rem,1180px)}.public-header{height:66px}.public-nav nav,.header-actions .secondary{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero h1{font-size:2.6rem}.hero-actions{flex-direction:column}.product-preview{display:none}.trust-row{display:grid}.feature-grid{grid-template-columns:1fr}.section{padding:4rem 0}.cta-card{flex-direction:column;align-items:flex-start}.footer .container{gap:.4rem;display:grid}.auth-aside{min-height:230px}.auth-aside p{font-size:.92rem}.auth-panel{align-items:start;padding:2rem 1rem}.password-field input{padding-right:6.5rem}.form-links{display:grid}.shell{display:block}.sidebar{height:auto;padding:.8rem;position:static}.sidebar>.brand{display:block}.nav{display:none}.mobile-nav{gap:.3rem;margin-top:.7rem;display:flex;overflow:auto}.mobile-nav a{white-space:nowrap;padding:.65rem}.main{padding:1rem}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block}.table-wrap{background:0 0;border:0}.table tr{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:.8rem;padding:.55rem}.table td{border:0;padding:.4rem}.page-head{flex-direction:column;align-items:flex-start}}@media (max-width:380px){.auth-aside{padding:1.4rem}.auth-aside h1{font-size:1.8rem}.auth-panel{padding:1.5rem .75rem}.hero h1{font-size:2.2rem}}.telegram-button{background:#229ed9;min-height:52px;font-size:1rem}.telegram-button:hover:not(:disabled){background:#168ac2}.telegram-icon{font-size:1.35rem}.auth-legal{text-align:center;color:var(--muted);font-size:.82rem;line-height:1.6}