:root{--paper:#f4f1ea;--card:#fbf9f4;--ink:#14171f;--muted:#5b6070;--line:#ddd7ca;--blue:#2f45e8;--green:#0b5e45;--orange:#c93f17;--font:'Onest',system-ui,sans-serif;--display:'Unbounded',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 var(--font)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #99a6ff;outline-offset:3px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 14px;color:var(--ink);outline:0}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2f45e817}textarea{resize:vertical;min-height:120px}label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-bottom:15px}label.check{display:flex;align-items:flex-start;gap:10px;font-weight:400}input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);margin-top:3px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.04em;line-height:1.25}h1{font-size:34px}h2{font-size:26px}h3{font-size:18px}p{line-height:1.65}small,.muted{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}code,pre,.mono{font-family:'JetBrains Mono',monospace;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#151a29;color:#e4e7ff;padding:22px;border-radius:14px;line-height:1.7}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:600;padding:11px 18px;border-radius:11px;white-space:nowrap}.btn:hover{background:#e8e3d8}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:#2336c9}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.danger{color:var(--orange);border-color:#eac2b6}.btn.small{padding:7px 10px;font-size:12px;border-radius:8px}.btn.icon-btn{padding:9px}.btn.light{background:#fff;color:var(--blue);border-color:#fff}.btn.full{width:100%}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}.card.white{background:#fff}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:20px;background:#e7e9f2;color:#51586b;font-size:11px;font-weight:700;white-space:nowrap}.badge.good{background:#d7eee3;color:#0b5e45}.badge.warn{background:#fbe9c4;color:#6b4300}.badge.bad{background:#f8ddd3;color:#8f2c0e}.badge.blue{background:#dce1ff;color:#1f30b8}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--orange);margin-bottom:18px}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;font-family:var(--display);font-size:23px;letter-spacing:-.05em}.brand img{width:35px;height:35px}.boot{min-height:70vh;display:grid;place-content:center;text-align:center;justify-items:center}.empty{text-align:center;padding:64px 20px;color:var(--muted)}.empty .icon{width:42px;height:42px;margin-bottom:18px;color:#9398ad}.empty h3{color:var(--ink)}.empty p{max-width:460px;margin:0 auto 22px}.notice{padding:16px 20px;border-radius:12px;background:#e8ecff;color:#283782;font-size:13px;margin-bottom:20px}.notice.warn{background:#fbe9c4;color:#6b4300}.notice.good{background:#d7eee3;color:#0b5e45}.error{padding:12px 16px;border-radius:10px;background:#f8ddd3;color:#8f2c0e;font-size:13px;margin-bottom:15px}.error:empty{display:none}.stack{display:grid;gap:18px}.stat{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.stat strong{display:block;font:500 32px var(--display);margin-top:12px;letter-spacing:-.05em}.stat:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;background:#eeeae1;padding:13px 16px;white-space:nowrap}td{padding:16px;border-top:1px solid var(--line);vertical-align:top}td strong{display:block;font-weight:600}td .sub{font-size:12px;color:var(--muted);margin-top:4px}tr:hover td{background:#f4f1eb}.table-wrap .btn{font-size:12px}td.actions{white-space:nowrap}.mono-break{font-family:'JetBrains Mono',monospace;font-size:11px;overflow-wrap:anywhere;max-width:580px;white-space:normal}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.toolbar p{margin:8px 0 0;color:var(--muted)}.toolbar h1{margin:0}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.tab{border:0;background:transparent;padding:8px 14px;border-radius:9px;color:var(--muted);font-weight:600}.tab.active{background:var(--ink);color:#fff}.avatar{width:38px;height:38px;border-radius:12px;background:#dce1ff;color:#283ca4;display:grid;place-content:center;font-weight:700;flex-shrink:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-note{font-size:12px;color:var(--muted);margin-top:-8px}.spacer{height:25px}.hidden{display:none!important}
/* Public site */
.site-header{max-width:1320px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header nav a{color:var(--ink)}.site-header .row{gap:20px}.hero{max-width:1320px;margin:auto;padding:75px 40px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.hero h1{font-size:clamp(36px,3.5vw,56px);line-height:1.15;margin-bottom:25px}.hero h1 span{color:var(--blue)}.hero p{font-size:17px;max-width:510px;color:var(--muted)}.hero .row{margin-top:30px}.hero .micro{font-size:12px;margin-top:24px;display:flex;align-items:center;gap:8px;color:var(--green)}.hero .micro::before{content:'';width:7px;height:7px;background:#198566;border-radius:50%}.hero-scene{position:relative;padding:25px 0}.sample-mail{border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 70px #1b244a14;overflow:hidden;transform:rotate(-2deg)}.sample-top{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.sample-row{display:flex;gap:12px;padding:20px;border-bottom:1px solid #ece9e2;font-size:13px}.sample-row b{display:block;font-weight:600}.sample-row small{display:block;margin-top:4px}.sample-row .time{margin-left:auto;color:var(--muted);font-size:10px}.sample-stamp{position:absolute;bottom:0;right:-12px;background:#d7eee3;border:1px solid #a1cbb8;padding:17px 24px;border-radius:14px;transform:rotate(3deg);box-shadow:0 6px 20px #143a2c10}.sample-stamp b{display:block;font-size:13px;color:#0b5e45}.sample-stamp small{font-size:11px}.marquee{background:var(--blue);color:white;padding:22px;text-align:center;font-family:var(--display);font-size:18px;word-spacing:25px;overflow:hidden;white-space:nowrap}.section{max-width:1320px;margin:auto;padding:85px 40px}.section h2{font-size:36px;max-width:760px;margin-bottom:38px}.step{min-height:235px}.step .num{font-family:var(--display);font-size:35px;color:var(--blue);margin-bottom:25px}.step p{font-size:14px;color:var(--muted);margin-bottom:0}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.feature{padding:36px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.feature p{color:var(--muted);max-width:500px}.feature.dark{background:var(--ink);color:var(--paper);grid-row:span 2;border:0}.feature.dark p{color:#b8bdcf}.feature h3{font-size:24px;margin:25px 0 16px}.feature .icon{width:32px;height:32px;color:var(--blue)}.feature.dark .icon{color:#a8b2ff}.feature-checks{display:grid;gap:12px;margin-top:30px}.feature-checks div{padding:15px;border:1px solid #ffffff20;border-radius:10px;font-size:13px;display:flex;justify-content:space-between;gap:10px}.price{font:500 34px var(--display);letter-spacing:-.05em;margin:30px 0 5px}.plan ul{padding:0;list-style:none;min-height:130px;margin:25px 0}.plan li{font-size:13px;margin-bottom:13px;display:flex;gap:8px}.plan li:before{content:'✓';color:var(--green);font-weight:700}.plan.featured{background:var(--blue);color:#fff;border-color:var(--blue)}.plan.featured .muted{color:#dce1ff}.plan.featured li:before{color:#fff}.cta{background:var(--blue);border-radius:24px;color:#fff;padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin:0;max-width:650px;font-size:32px}.site-footer{background:var(--ink);color:#f4f1ea;padding:45px max(30px,calc((100vw - 1240px)/2))}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;margin:32px 0}.site-footer a{color:#c9cdd8;font-size:12px}.site-footer .brand{font-size:23px;color:var(--paper)}.site-footer small{color:#9ba0b0;font-size:11px}.cookie{position:fixed;bottom:20px;left:20px;max-width:455px;z-index:20;background:white;padding:22px;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 50px #14171f20;font-size:12px}.cookie p{margin-bottom:14px}
/* Authentication */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{background:var(--blue);color:#fff;padding:50px 12%;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.auth-intro .brand img{border:1px solid #ffffff60;border-radius:10px}.auth-intro h1{font-size:38px;line-height:1.3}.auth-intro p{color:#dce1ff;max-width:430px}.auth-benefit{display:flex;align-items:center;gap:13px;margin:22px 0;font-size:14px}.auth-intro small{color:#dce1ff;font-size:11px}.auth-panel{padding:65px 12%;display:flex;flex-direction:column;justify-content:center}.auth-panel h2{font-size:28px;margin-bottom:12px}.auth-panel>p{font-size:13px;color:var(--muted);margin-bottom:30px}.auth-panel form{max-width:500px}.auth-panel .backlink{margin:20px 0;font-size:12px}.legal{max-width:1000px;margin:auto;padding:60px 35px}.legal pre{background:transparent;color:var(--ink);font-family:var(--font);font-size:15px;padding:0;line-height:1.8}.legal h1{font-size:36px}.auth-mark{font-family:var(--display);font-size:140px;line-height:1;color:#ffffff14;letter-spacing:-.1em;margin:50px 0 0}
/* Application */
.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#ede9df;border-right:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 27px}.sidebar nav{display:grid;gap:4px}.nav-link{display:flex;gap:12px;align-items:center;border-radius:10px;padding:11px 13px;color:#4a5060;font-size:13px;font-weight:500}.nav-link:hover{background:#ffffff75}.nav-link.active{background:#fff;color:var(--blue);font-weight:700;box-shadow:0 1px 3px #14171f08}.nav-caption{font-size:10px;letter-spacing:.09em;color:#777b86;text-transform:uppercase;padding:18px 13px 8px}.org-select{margin:0 7px 18px;font-size:12px;width:calc(100% - 14px);background:#f7f4ed}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 7px 0;display:flex;align-items:center;gap:10px;font-size:12px}.sidebar-user small{display:block;font-size:10px}.sidebar .user-exit{padding:5px;border:0;background:transparent;color:var(--muted)}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbf9f499}.topbar span{font-size:12px;color:var(--muted)}.main-content{padding:35px;max-width:1550px;margin:auto}.mobile-toggle{display:none}.domain-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.domain-list{display:grid;align-content:start;gap:10px}.domain-item{text-align:left;display:grid;gap:6px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--card);font-size:13px}.domain-item.active{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.domain-item .badge{justify-self:start}.dns-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0}.dns-card{border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff}.dns-card strong{display:block;font-size:13px;margin-bottom:10px}.dns-card small{font-size:11px}.dns-record td{max-width:540px}.connection{display:flex;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.connection:last-child{border:0}.mail-layout{display:grid;grid-template-columns:155px minmax(240px,340px) minmax(0,1fr);border:1px solid var(--line);border-radius:17px;overflow:hidden;min-height:650px;background:#fff}.mail-folders{background:#ede9df;padding:15px 10px}.mail-folders .btn{width:100%;margin-bottom:18px;padding:10px 5px;font-size:12px}.folder{display:flex;gap:8px;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:#4a5060;padding:10px;border-radius:8px;font-size:12px}.folder .icon{width:17px;height:17px}.folder.active{background:#fff;font-weight:700;color:var(--blue)}.message-list{border-right:1px solid var(--line);max-height:760px;overflow:auto}.message-list-head{padding:14px;border-bottom:1px solid var(--line)}.message-list-head input{padding:9px 10px;font-size:12px}.message-row{width:100%;border:0;border-bottom:1px solid #e9e6df;text-align:left;background:var(--card);padding:18px 15px;cursor:pointer;font-size:12px}.message-row:hover,.message-row.active{background:#eef0ff}.message-row.unread{border-left:3px solid var(--blue);background:white}.message-row.unread b{font-weight:750}.message-row .subject{margin:5px 0;font-weight:550;color:var(--ink)}.message-row .preview{font-size:11px;color:var(--muted)}.message-view{padding:26px;min-width:0}.message-view h2{font:600 20px/1.4 var(--font);letter-spacing:0;margin:25px 0}.message-view .body{font-size:14px;line-height:1.8;margin:25px 0;overflow-wrap:anywhere}.message-view .body.plain{white-space:pre-wrap}.message-view .body table{max-width:100%}.message-view .body pre{background:#f5f5f5;color:var(--ink);overflow:auto}.message-view blockquote{border-left:3px solid var(--line);margin:10px 0;padding-left:15px;color:var(--muted)}.compose{display:grid;gap:0}.compose textarea{min-height:260px;border:0;border-radius:0;padding:20px 0;box-shadow:none}.compose .line{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.compose .line input,.compose .line select{border:0;box-shadow:none}.compose .line span{min-width:45px;color:var(--muted)}.attachment{display:inline-flex;gap:10px;padding:12px 15px;background:#f0ede5;border:1px solid var(--line);border-radius:10px;font-size:12px;margin:5px 5px 5px 0}.compose-label{display:inline-flex;margin:0;cursor:pointer}.compose-label input{display:none}.document-editor{min-height:420px;font-family:var(--font);font-size:13px}.support-item{border:1px solid var(--line);border-radius:13px;padding:20px;background:var(--card)}.support-item pre{background:transparent;color:var(--ink);font-family:var(--font);padding:0}.support-item .reply{border-left:3px solid var(--blue);padding-left:16px;margin-top:20px}.release-table td{font-size:11px}.empty-select{max-width:640px;margin:65px auto}.menu-shade{display:none}
/* Dialogs and feedback */
dialog{border:1px solid var(--line);border-radius:20px;padding:0;background:var(--card);color:var(--ink);width:min(560px,calc(100vw - 30px));max-height:90vh;box-shadow:0 25px 100px #14171f33}dialog::backdrop{background:#14171f66;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.modal-head h2{font-size:20px;margin:0}.modal-body{padding:25px 28px 28px}.modal-head .close{background:transparent;border:0;font-size:25px;color:var(--muted)}.modal-body .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}#toasts{position:fixed;bottom:25px;right:25px;display:grid;gap:10px;z-index:100;max-width:400px}.toast{background:var(--ink);color:#fff;padding:16px 22px;border-radius:12px;font-size:13px;box-shadow:0 7px 20px #14171f25}.toast.bad{background:#8f2c0e}.loading{padding:50px;text-align:center;color:var(--muted)}.sync-dot{width:7px;height:7px;border-radius:50%;background:#198566;display:inline-block;margin-right:7px}
@media(min-width:1500px){.hero{padding-top:105px;padding-bottom:105px}.hero h1{font-size:59px}}@media(max-width:1150px){.site-header nav{display:none}.hero{gap:30px}.hero h1{font-size:40px}.shell{grid-template-columns:210px 1fr}.sidebar{padding-left:10px;padding-right:10px}.main-content{padding:24px}.mail-layout{grid-template-columns:130px 260px minmax(0,1fr)}.message-view{padding:18px}.auth-intro,.auth-panel{padding:45px 9%}.auth-intro h1{font-size:30px}.stats{grid-template-columns:repeat(2,1fr)}.domain-layout{grid-template-columns:180px minmax(0,1fr)}.grid.three{gap:14px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:48px;max-width:700px}.hero p{max-width:620px}.hero-scene{max-width:600px;width:100%;margin:20px auto}.section{padding:60px 30px}.section h2{font-size:30px}.grid.three{grid-template-columns:1fr}.step{min-height:0}.step .num{float:left;margin:0 25px 0 0}.feature-grid{grid-template-columns:1fr}.feature.dark{grid-row:auto}.plan ul{min-height:0}.cta{padding:35px}.cta h2{font-size:25px}.mail-layout{grid-template-columns:135px minmax(0,1fr)}.message-view{grid-column:1/-1;border-top:1px solid var(--line);min-height:300px}.message-list{max-height:420px;border-right:0}.domain-layout{grid-template-columns:1fr}.domain-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dns-cards{grid-template-columns:repeat(2,1fr)}.auth{grid-template-columns:1fr}.auth-intro{padding:25px 35px;gap:20px}.auth-intro>div:not(:first-child),.auth-intro>small{display:none}.auth-panel{padding:40px max(25px,calc((100vw - 500px)/2))}.auth-panel form{max-width:none}.auth-panel h2{font-size:26px}}
@media(max-width:650px){.site-header{padding:20px}.site-header .btn{padding:9px 12px;font-size:12px}.site-header .row{gap:10px}.site-header .brand{font-size:19px}.hero{padding:36px 22px 55px}.hero h1{font-size:35px}.hero p{font-size:15px}.hero .row{gap:9px;flex-wrap:wrap}.hero .btn{font-size:12px}.sample-stamp{right:0}.sample-row{padding:14px}.sample-top{padding:15px}.hero-scene{padding-bottom:35px}.marquee{font-size:13px;padding:18px}.section{padding:46px 22px}.section h2{font-size:26px}.feature{padding:25px}.feature h3{font-size:21px}.cta{padding:28px;flex-direction:column;align-items:flex-start}.cta h2{font-size:23px}.site-footer{padding:30px 22px}.site-footer>.row{align-items:flex-start}.cookie{left:12px;right:12px;bottom:12px;max-width:none}.shell{display:block}.sidebar{position:fixed;left:-260px;width:240px;height:100dvh;z-index:40;transition:left .2s}.shell.menu-open .sidebar{left:0}.menu-shade{position:fixed;inset:0;background:#14171f66;z-index:39}.shell.menu-open .menu-shade{display:block}.mobile-toggle{display:inline-flex;background:transparent;border:0;padding:6px}.topbar{height:60px;padding:0 16px}.main-content{padding:24px 16px}.toolbar{align-items:flex-start;gap:10px}.toolbar h1{font-size:25px}.toolbar .btn{font-size:11px;padding:10px 11px}.toolbar p{font-size:12px}.grid.two{grid-template-columns:1fr}.stats{gap:10px;margin-bottom:20px}.stat{padding:16px}.stat strong{font-size:26px}.stat span{font-size:11px}.card{padding:20px}.domain-list{grid-template-columns:1fr}.mail-layout{grid-template-columns:100px minmax(0,1fr);min-height:600px}.mail-folders{padding:12px 5px}.folder{font-size:10px;padding:10px 5px;gap:5px}.folder .icon{width:14px}.mail-folders .btn{font-size:10px}.message-row{padding:14px 10px}.message-view{padding:18px}.btn{padding:10px 13px;font-size:12px}.legal{padding:35px 22px}.legal h1{font-size:28px}#toasts{left:15px;right:15px;bottom:15px;max-width:none}.modal-head{padding:22px 22px 0}.modal-body{padding:22px}.topbar .brand{display:none}td,th{padding:12px}.row.wrap{gap:8px}.mono-break{font-size:10px}}

.compose-editor{min-height:260px;padding:20px 0;outline:none;white-space:pre-wrap;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.compose-editor:empty:before{content:"Напишите сообщение…";color:#9295a0}