:root{
  --hv-copper:#d69858;
  --hv-copper-bright:#f0b976;
  --hv-ease:cubic-bezier(.2,.78,.22,1);
  --hv-ink:#17232d;
  --hv-soft-shadow:0 15px 45px rgba(22,38,52,.055),0 2px 9px rgba(22,38,52,.025);
  --hv-lift-shadow:0 27px 64px rgba(30,45,57,.12),0 7px 22px rgba(30,45,57,.055);
  --hv-line:#e6e9e8;
  --hv-radius:17px;
  --hv-radius-small:11px;
}
html{scroll-padding-top:88px}
body{letter-spacing:-.008em}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #c78a49;outline-offset:3px}
::selection{background:#f0bd81;color:#202936}
[hidden]{display:none!important}

.btn{position:relative;isolation:isolate;overflow:hidden;border-radius:11px;letter-spacing:-.012em;font-weight:690;transition:transform .3s var(--hv-ease),box-shadow .3s var(--hv-ease),background-color .2s,border-color .2s,color .2s;box-shadow:0 2px 2px rgba(8,15,20,.015)}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn:active:not(:disabled){transform:translateY(0) scale(.985)}
.btn-accent{background:linear-gradient(132deg,#f6c992 0%,#e8ac6b 48%,#d7914b 100%);border-color:#e5ae71;color:#17212b;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 18px rgba(202,130,55,.18)}
.btn-accent:hover:not(:disabled){background:linear-gradient(132deg,#ffdbab,#efb574 55%,#df9f60);border-color:#e2a468;box-shadow:inset 0 1px rgba(255,255,255,.36),0 13px 26px rgba(202,130,55,.28)}
.btn-dark{background:linear-gradient(140deg,#283741,#1b252d);border-color:#26343e;box-shadow:inset 0 1px rgba(255,255,255,.075),0 8px 20px rgba(17,29,38,.13)}
.btn-dark:hover:not(:disabled){background:linear-gradient(140deg,#354854,#23313c);border-color:#354753;box-shadow:0 13px 26px rgba(16,28,36,.2)}
.btn-outline{border-color:#dce2e4;background:linear-gradient(180deg,#fff,#fbfbfa)}
.btn-outline:hover:not(:disabled){background:#fff7ee;border-color:#deb17d;box-shadow:0 9px 22px rgba(123,81,43,.07)}
.btn-outline-light{border-color:rgba(255,255,255,.29);background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.btn-outline-light:hover:not(:disabled){background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.53)}
.btn svg,.table-link svg,.text-link svg{transition:transform .25s var(--hv-ease)}
.btn:hover:not(:disabled) svg:last-child,.table-link:hover svg,.text-link:hover svg{transform:translateX(2px)}

.public-body{background:#121b23;color:#f8fafc}
.public-header{position:sticky;top:0;height:76px;background:rgba(18,26,34,.87);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);z-index:120}
.nav-public{max-width:1370px;gap:25px}
.nav-public .brand-wordmark{height:23px;filter:drop-shadow(0 1px 9px rgba(255,255,255,.05))}
.site-links{gap:clamp(16px,2.8vw,39px);color:#bac5ce;font-size:12px;font-weight:560}
.site-links a{position:relative;white-space:nowrap;transition:color .22s}
.site-links a::after{content:"";position:absolute;bottom:-11px;left:0;right:100%;height:2px;border-radius:10px;background:#e8ae71;transition:right .3s var(--hv-ease)}
.site-links a:hover::after{right:0}
.nav-actions{gap:14px}
.nav-actions .header-login{color:#e2e8ed}
.nav-actions .btn{min-height:40px;padding:10px 17px}
.public-body .theme-toggle{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14);color:#e3e9ed;border-radius:11px}
.public-body .theme-toggle:hover{background:rgba(255,255,255,.13);border-color:rgba(239,184,123,.6)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 45% 80% at 91% 54%,rgba(208,126,70,.16),transparent 78%),radial-gradient(ellipse 45% 60% at 27% 14%,rgba(73,112,125,.16),transparent 75%),linear-gradient(150deg,#151f29 2%,#111922 58%,#18212a)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:linear-gradient(rgba(189,205,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(189,205,211,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(105deg,transparent 8%,black 62%,transparent 100%)}
.hero::after{content:"";position:absolute;right:-170px;top:-250px;width:620px;height:620px;border-radius:50%;border:1px solid rgba(224,166,108,.09);box-shadow:0 0 0 110px rgba(213,158,106,.018),0 0 0 245px rgba(213,158,106,.009);pointer-events:none}
.hero-grid{max-width:1370px;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);min-height:660px;padding-top:74px;padding-bottom:105px;gap:clamp(28px,4vw,60px)}
.hero-copy{animation:hv-hero-in .8s var(--hv-ease) both}
.hero-kicker{display:inline-flex;gap:12px;padding:11px 15px;border:1px solid rgba(241,196,142,.2);background:rgba(240,187,125,.07);border-radius:999px;font-size:10px;letter-spacing:1.6px;color:#e7c99f;font-weight:700}
.live-dot{position:relative;box-shadow:0 0 0 4px rgba(105,199,155,.13),0 0 20px rgba(105,199,155,.38)}
.hero h1{font-size:clamp(52px,5.6vw,82px);line-height:1.08;letter-spacing:-.065em;margin:31px 0 23px;font-weight:765;text-wrap:balance}
.hero h1 em{background:linear-gradient(100deg,#efb875,#ffe1ae 47%,#d99559);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{font-size:15px;line-height:1.83;max-width:510px;color:#aebec9}
.hero-buttons{gap:13px;margin-top:32px;flex-wrap:wrap}
.hero-buttons .btn{border-radius:12px;padding:16px 22px;min-height:51px}
.hero-proof{margin-top:45px;gap:17px 22px;color:#b8c6cf;font-size:11px}
.hero-proof span{gap:7px}
.hero-proof svg{color:#e8b47e}
.hero-visual{z-index:1;perspective:1150px;animation:hv-visual-in 1.15s var(--hv-ease) .08s both}
.visual-glow{width:570px;height:520px;left:10%;top:-20px;background:radial-gradient(ellipse,rgba(224,151,89,.31),rgba(207,117,51,.08) 49%,transparent 72%);filter:blur(38px);animation:hv-glow 9s ease-in-out infinite alternate}
.mock-shell{max-width:580px;border:1px solid rgba(191,208,211,.25);border-radius:21px;background:linear-gradient(155deg,#25333c,#18232d 65%,#1a252f);box-shadow:0 65px 110px rgba(0,0,0,.43),0 15px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.11);transform:rotate(-3deg) rotateY(-4deg);transition:transform .6s var(--hv-ease),box-shadow .6s var(--hv-ease)}
.hero-visual:hover .mock-shell{transform:rotate(-1deg) rotateY(0deg) translateY(-5px);box-shadow:0 77px 124px rgba(0,0,0,.46),0 19px 44px rgba(0,0,0,.24)}
.mock-toolbar{height:52px;border-bottom:1px solid rgba(181,199,206,.13);background:rgba(12,19,24,.2)}
.mock-body{padding:clamp(20px,2.3vw,31px)}
.mock-server-icon{border:1px solid rgba(236,187,122,.15);border-radius:14px;background:linear-gradient(150deg,#46525a,#303f49)}
.mock-host{border-bottom-color:rgba(176,194,200,.14)}
.mock-resources>div{background:linear-gradient(135deg,rgba(73,90,100,.39),rgba(36,52,63,.64));border-color:rgba(176,197,207,.16);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.mock-resources b{font-weight:710}
.mock-chart svg{filter:drop-shadow(0 4px 11px rgba(224,167,102,.14))}
.floating-chip{left:-20px;bottom:4px;border:1px solid rgba(255,255,255,.37);border-radius:11px;background:linear-gradient(135deg,#ffdcaa,#e5a86d);box-shadow:0 19px 40px rgba(2,8,12,.32),inset 0 1px 0 rgba(255,255,255,.5);font-size:10px;letter-spacing:.6px;transform:rotate(2deg);animation:hv-float 7s ease-in-out infinite}
.hv-hero-orbit{position:absolute;inset:auto -10px 14% auto;width:106px;height:106px;border:1px solid rgba(232,171,102,.25);border-radius:28px;transform:rotate(23deg);pointer-events:none;filter:drop-shadow(0 12px 30px rgba(238,178,110,.07))}
.hv-hero-orbit::after{content:"";position:absolute;inset:18px;border:1px solid rgba(238,182,119,.27);border-radius:18px}
.strip{background:#1b2630;border-color:rgba(255,255,255,.075)}
.strip-items{min-height:87px;color:#b7c5cf;letter-spacing:1.1px}
.strip-items svg{color:#eab47e}
.strip-sep{background:rgba(204,216,222,.13)}
.section{padding:105px 0}
.section-label,.eyebrow{color:#c88b4d;font-weight:750;letter-spacing:1.7px}
.section-heading{margin:19px 0 37px;align-items:end}
.section-heading h2{letter-spacing:-.052em;font-size:clamp(34px,3.6vw,49px);font-weight:740;line-height:1.14}
.section-heading>p{line-height:1.8;font-size:13px}
.light-section{position:relative;background:radial-gradient(ellipse at 5% 20%,rgba(235,207,173,.21),transparent 39%),linear-gradient(175deg,#f8f9f7,#eef2f1);color:#25333d}
.benefit-grid{gap:18px}
.benefit{border-radius:19px;border-color:#e6e8e6;padding:32px;min-height:322px;box-shadow:var(--hv-soft-shadow);overflow:hidden;transition:transform .4s var(--hv-ease),box-shadow .4s var(--hv-ease),border-color .3s}
.benefit::after{content:"";position:absolute;inset:auto -45px -92px auto;width:180px;height:180px;border:1px solid rgba(196,149,97,.15);border-radius:50%;pointer-events:none;box-shadow:0 0 0 31px rgba(196,149,97,.045),0 0 0 66px rgba(196,149,97,.024)}
.benefit:hover{transform:translateY(-6px);box-shadow:var(--hv-lift-shadow);border-color:#decbb6}
.benefit h3{font-size:21px;letter-spacing:-.045em;font-weight:725}
.benefit p{font-size:13px}
.feature-icon{width:55px;height:55px;border-radius:14px;background:linear-gradient(145deg,#fff8ec,#f4e3cf);border:1px solid #f2e5d5;box-shadow:inset 0 1px #fff,0 8px 20px rgba(141,90,52,.055)}
.big-benefit{background:radial-gradient(ellipse at 100% 0,rgba(222,153,80,.12),transparent 52%),linear-gradient(145deg,#303f49,#1d2a34);border-color:#34444d;box-shadow:0 20px 55px rgba(16,31,41,.12)}
.big-benefit::after{border-color:rgba(226,169,99,.15)}
.big-benefit .feature-icon{background:linear-gradient(145deg,#49515a,#343f49);border-color:#59616a}
.big-benefit:hover{border-color:#64707a}
.plans-section{background:linear-gradient(#fff,#fdfcfb);color:#25323b}
.location-filters{gap:9px}
.location-pill{border-radius:12px;min-height:43px;border-color:#e3e6e5;box-shadow:0 2px 5px rgba(18,30,35,.025);transition:all .28s var(--hv-ease)}
.location-pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(38,43,49,.06)}
.location-pill.is-active{border-color:#2d3941;background:linear-gradient(135deg,#2d3c46,#1e2c36);box-shadow:0 8px 23px rgba(17,32,40,.18)}
.plan-grid{gap:16px}
.plan-card{border-radius:19px;border:1px solid #e2e6e5;padding:28px 24px 24px;background:linear-gradient(156deg,#fff 0%,#fff 76%,#fbf7f1 100%);box-shadow:0 8px 23px rgba(31,42,50,.035),inset 0 1px #fff;transition:transform .38s var(--hv-ease),box-shadow .38s var(--hv-ease),border-color .28s;overflow:hidden}
.plan-card::after{content:"";position:absolute;width:185px;height:185px;right:-100px;top:-100px;background:radial-gradient(circle,rgba(229,169,105,.12),transparent 68%);pointer-events:none;transition:transform .45s}
.plan-card:hover{transform:translateY(-7px);border-color:#d8ac7c;box-shadow:0 26px 55px rgba(36,40,47,.1),0 4px 13px rgba(36,40,47,.04)}
.plan-card:hover::after{transform:translate(-25px,25px)}
.plan-featured{background:linear-gradient(155deg,#fff9f1 0%,#fff 60%);border-color:#e5c39c;box-shadow:0 10px 33px rgba(192,137,73,.08)}
.plan-featured:before{height:3px;left:23px;right:23px;background:linear-gradient(90deg,transparent,#e7a961,transparent)}
.plan-card h3{font-size:22px;letter-spacing:-.045em;margin-top:26px}
.plan-price strong{font-weight:770;letter-spacing:-.055em}
.plan-specs{gap:15px}
.plan-card>.btn{margin-top:auto}
.popular{border-radius:7px;padding:6px 8px}
.steps-grid{gap:17px}
.step{position:relative;border-radius:18px!important;overflow:hidden;box-shadow:0 9px 26px rgba(9,19,26,.1);transition:transform .35s var(--hv-ease),border-color .35s,box-shadow .35s}
.step:hover{transform:translateY(-5px);box-shadow:0 23px 43px rgba(9,19,26,.15)}
.cta-band{border-radius:22px!important;box-shadow:0 30px 64px rgba(0,0,0,.2);overflow:hidden;position:relative}
.cta-band::before{content:"";position:absolute;right:11%;top:-120px;width:370px;height:370px;border-radius:50%;border:1px solid rgba(255,255,255,.13);pointer-events:none;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.015)}
.public-footer{position:relative;background:linear-gradient(150deg,#17232d,#121b23);border-top:1px solid rgba(238,193,143,.1)}
.public-footer .footer-column a,.public-footer .footer-bottom a{transition:color .22s}
.public-footer .footer-column a:hover,.public-footer .footer-bottom a:hover{color:#e8b078}

.auth-wrap{max-width:1060px;margin-top:75px;margin-bottom:95px;border:1px solid rgba(236,192,138,.16);border-radius:23px;box-shadow:0 45px 100px rgba(0,0,0,.36);grid-template-columns:1.02fr 1fr}
.auth-side{background:radial-gradient(ellipse at 90% 85%,rgba(230,161,91,.17),transparent 53%),linear-gradient(145deg,#2b3a43,#182630)}
.auth-side::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(130deg,transparent,black);pointer-events:none}
.auth-card{background:linear-gradient(160deg,#fff,#fcfaf7);padding:clamp(28px,4vw,52px)}
.auth-card h1{font-weight:735;letter-spacing:-.05em}
.auth-side h2{font-weight:740;letter-spacing:-.055em}
.auth-input-frame,.auth-card .stack-form input{transition:border-color .22s,box-shadow .22s,background-color .22s}
.auth-card .stack-form input:focus{border-color:#d6a06b;box-shadow:0 0 0 4px rgba(210,147,82,.12)}
.legal-article,.legal-aside-box,.about-content{border-radius:17px}

.app-body{background:radial-gradient(ellipse 55% 45% at 85% -15%,rgba(218,169,112,.12),transparent 78%),linear-gradient(145deg,#f8f9f8,#f1f4f4 75%);color:#263641}
.app-shell{isolation:isolate}
.sidebar{width:262px;background:radial-gradient(circle at 105% -8%,rgba(239,179,112,.11),transparent 42%),linear-gradient(175deg,#23313b 0%,#17242e 83%);border-right:1px solid #33434e;padding:28px 15px 20px;box-shadow:8px 0 35px rgba(14,26,32,.035)}
.sidebar .brand{margin-bottom:39px}
.sidebar .brand-wordmark{height:23px}
.workspace-label{letter-spacing:1.4px}
.workspace-tag{border-radius:7px}
.nav-group{margin-bottom:13px}
.nav-caption{font-weight:700;letter-spacing:1.4px}
.nav-item{position:relative;min-height:43px;border-radius:11px;padding:11px 12px;font-size:12px;color:#b7c6d0;transition:background-color .23s,color .23s,transform .26s var(--hv-ease);gap:11px}
.nav-item svg{color:#97acb9;transition:color .2s,transform .25s}
.nav-item:hover{background:rgba(230,243,250,.085);color:#fff;transform:translateX(2px)}
.nav-item:hover svg{color:#ecc08c}
.nav-item.active{background:linear-gradient(95deg,rgba(238,187,121,.22),rgba(229,175,113,.085));color:#fff;box-shadow:inset 3px 0 0 #e4a767,0 4px 20px rgba(0,0,0,.07)}
.nav-item.active svg{color:#efbb7d}
.sidebar-support{border-radius:15px;background:linear-gradient(145deg,rgba(235,184,117,.11),rgba(72,96,111,.06));border-color:rgba(237,190,129,.17)}
.sidebar-bottom .logout:hover{background:rgba(226,114,111,.1)}
.topbar{height:74px;padding-inline:clamp(20px,3vw,43px);background:rgba(255,255,255,.86);border-bottom:1px solid rgba(213,223,224,.8);backdrop-filter:blur(19px) saturate(130%);-webkit-backdrop-filter:blur(19px) saturate(130%);position:sticky;top:0;z-index:28}
.topbar-left b{font-weight:670;color:#2c3a43}
.balance-chip{border-radius:11px;background:linear-gradient(145deg,#fff,#f7f7f4);box-shadow:0 3px 10px rgba(30,38,46,.035);transition:transform .25s,box-shadow .25s}
.balance-chip:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(30,38,46,.08)}
.user-avatar{box-shadow:0 5px 14px rgba(214,155,88,.19),inset 0 1px rgba(255,255,255,.22)}
.main-content{max-width:1700px;padding:clamp(21px,3vw,42px) clamp(16px,3vw,44px) 70px}
.page-heading{margin-bottom:27px}
.page-heading h1{font-size:clamp(25px,2.2vw,32px);font-weight:740;letter-spacing:-.045em}
.page-heading p{font-size:12px;line-height:1.76}
.panel{border-radius:var(--hv-radius);border:1px solid var(--hv-line);background:linear-gradient(156deg,#fff 0%,#fff 80%,#fdfcfa 100%);box-shadow:var(--hv-soft-shadow);overflow:hidden}
.panel-head{padding:22px 25px;border-bottom-color:#ebefee}
.panel-head h2{font-size:15px;letter-spacing:-.024em;font-weight:710}
.panel-head p{font-size:11px}
.metrics{gap:17px}
.metric-card{border-radius:17px;min-height:171px;box-shadow:var(--hv-soft-shadow);border-color:#e7eae8;background:linear-gradient(160deg,#fff,#fdfcf9);transition:transform .35s var(--hv-ease),box-shadow .35s var(--hv-ease),border-color .3s}
.metric-card:hover{transform:translateY(-4px);box-shadow:var(--hv-lift-shadow);border-color:#e1c9ac}
.metric-card::after{content:"";position:absolute;top:-70px;right:-60px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(205,167,121,.16);box-shadow:0 0 0 23px rgba(205,167,121,.05);pointer-events:none}
.metric-balance{background:radial-gradient(ellipse at 98% 12%,rgba(239,181,113,.2),transparent 58%),linear-gradient(135deg,#31414d,#1f2d38);border-color:#3a4b56;color:#fff;box-shadow:0 19px 36px rgba(19,35,44,.14)}
.metric-balance::after{border-color:rgba(240,194,136,.16);box-shadow:0 0 0 34px rgba(240,194,136,.04)}
.metric-balance:hover{border-color:#62717a}
.quick-actions>a{transition:background-color .25s,padding-left .25s var(--hv-ease)}
.quick-actions>a:hover{background:#fbf8f4;padding-left:12px}
.quick-icon,.mini-server-icon{border-radius:12px;background:#fff6e8;color:#a76f35}
.data-table{border-spacing:0}
.data-table th{background:#fafbf9;border-bottom-color:#e9eeeb;color:#87959e;font-weight:700}
.data-table td{border-bottom-color:#edf1f0}
.data-table tbody tr{transition:background-color .2s}
.data-table tbody tr:hover{background:#f8f6f2}
.table-link,.text-link{color:#ad773e;transition:color .22s}
.table-link:hover,.text-link:hover{color:#d48d42}
.table-scroll{scrollbar-width:thin}
.pill{border-radius:999px;font-style:normal;letter-spacing:0}
.flash{border-radius:12px;box-shadow:0 7px 23px rgba(42,79,57,.07)}
.empty-state{padding-block:62px}
.empty-icon{border-radius:18px;background:linear-gradient(145deg,#fff5e6,#f5e7d3);box-shadow:inset 0 1px #fff}

.stack-form input:not([type=checkbox],[type=radio]),.stack-form textarea,.stack-form select,.search-field,.server-modal-form input,.server-modal-form select,.server-modal-form textarea,.ref-copy-row input{border-radius:11px;border:1px solid #dce4e4;background:#fff;transition:background-color .2s,border-color .22s,box-shadow .22s;color:#24323d}
.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.server-modal-form input:focus,.server-modal-form textarea:focus,.server-modal-form select:focus,.search-field:focus{border-color:#cf985d;box-shadow:0 0 0 4px rgba(210,151,90,.13);outline:none}
.stack-form label{font-weight:650}
.form-info{border-radius:12px;background:#f7f9f8;border-color:#e8eeeb}
.catalog-note{border-radius:12px;box-shadow:0 5px 18px rgba(132,104,70,.035)}
.order-form .stack-form{gap:23px}
.order-location{border-radius:13px;background:linear-gradient(120deg,#fafafa,#fcf8f1);border-color:#eae5df}
.order-summary{border-radius:var(--hv-radius)}
.order-summary h2{font-size:24px;font-weight:730}
.access-choice>span,.os-family-card,.os-version-button,.reinstall-os-family,.reinstall-os-version{border-radius:13px!important;transition:transform .25s var(--hv-ease),box-shadow .25s,border-color .2s,background-color .2s}
.access-choice:hover>span,.os-family-card:hover,.os-version-button:hover:not(:disabled),.reinstall-os-family:hover,.reinstall-os-version:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 20px rgba(33,49,57,.065)}
.access-choice input:checked+span{border-color:#d79f65;box-shadow:0 0 0 1px rgba(214,150,88,.21),0 10px 22px rgba(194,122,63,.075)}

.server-heading h1{font-size:clamp(25px,2.4vw,32px);font-weight:730;letter-spacing:-.046em}
.server-card,.server-overview-card,.server-workbench-card{border-radius:17px}
.server-card{box-shadow:0 16px 39px rgba(13,23,33,.12)}
.server-list-col{transition:transform .28s var(--hv-ease)}
.server-list-col:hover{transform:translateY(-2px)}
.power-actions{gap:11px}
.power-button{border-radius:13px;min-height:107px;background:linear-gradient(154deg,#fff,#f4f6f5);border-color:#e3e8e8;transition:transform .27s var(--hv-ease),box-shadow .27s,border-color .27s,background-color .27s}
.power-button:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(154deg,#fffaf3,#f8eee1);border-color:#e6b987;box-shadow:0 13px 24px rgba(98,75,51,.09)}
.power-button:active:not(:disabled){transform:scale(.98)}
.server-connect-row{transition:background-color .2s}
.server-connect-row:hover{background:rgba(210,181,144,.045)}
.server-inline-action,.server-modal-close{transition:background-color .2s,transform .2s,color .2s}
.server-inline-action:hover,.server-modal-close:hover{transform:translateY(-1px)}

.message{border-radius:14px 14px 14px 5px;box-shadow:0 3px 13px rgba(24,42,52,.035)}
.staff-message{border-radius:14px 14px 5px 14px;background:linear-gradient(145deg,#fffaf2,#fcf1e1)}
.message-thread{scroll-behavior:smooth;scrollbar-color:#d7bc99 transparent}
.nav-counter{font-style:normal;line-height:1}

.stock-item,.integration-card,.ref-stat,.ref-steps article,.renewal-admin-stat,.manual-action-review{border-radius:15px;border-color:#e6eae9;box-shadow:0 7px 23px rgba(21,39,53,.03);transition:border-color .25s,box-shadow .25s}
.stock-item:hover,.ref-stat:hover,.integration-card:hover{border-color:#dbbe9c;box-shadow:0 13px 32px rgba(21,39,53,.06)}
.stock-item{background:linear-gradient(146deg,#fff,#fafaf9)}
.ref-stat-icon,.integration-logo{border-radius:12px}
.renewals-filter{border-radius:10px}

.server-modal,.hostrava-action-dialog,.hostrava-dialog{border-radius:20px;box-shadow:0 38px 110px rgba(5,15,22,.27),0 8px 20px rgba(5,15,22,.08)}
.server-modal-overlay,.hostrava-action-backdrop{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.server-modal-header{background:linear-gradient(160deg,#fff,#fbfaf7)}
.hostrava-action-buttons .btn{min-width:0}

.hv-motion-ready .hv-reveal{opacity:0;transform:translateY(21px);transition:opacity .72s var(--hv-ease),transform .72s var(--hv-ease)}
.hv-motion-ready .hv-reveal.hv-is-visible{opacity:1;transform:translateY(0)}
.hv-motion-ready .hv-reveal:nth-child(2){transition-delay:.055s}
.hv-motion-ready .hv-reveal:nth-child(3){transition-delay:.11s}
.hv-motion-ready .hv-reveal:nth-child(4){transition-delay:.15s}
.hv-spotlight{--hv-pointer-x:50%;--hv-pointer-y:50%}
.hv-spotlight::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(330px circle at var(--hv-pointer-x) var(--hv-pointer-y),rgba(232,169,102,.065),transparent 65%);opacity:0;transition:opacity .25s}
.hv-spotlight:hover::before{opacity:1}
.hv-spotlight>*{position:relative;z-index:1}
@keyframes hv-hero-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes hv-visual-in{from{opacity:0;transform:translateY(30px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hv-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes hv-glow{from{opacity:.72;transform:scale(.91)}to{opacity:1;transform:scale(1.1)}}

html[data-theme="dark"] .app-body{background:radial-gradient(ellipse at 80% -14%,rgba(185,118,69,.105),transparent 52%),linear-gradient(150deg,#111922,#121923 70%);color:#e9eef3}
html[data-theme="dark"] .sidebar{background:radial-gradient(circle at 105% -8%,rgba(214,142,71,.14),transparent 42%),linear-gradient(175deg,#192630,#111a24);border-right-color:#283947}
html[data-theme="dark"] .topbar{background:rgba(20,28,38,.88);border-bottom-color:#2b3944}
html[data-theme="dark"] .topbar-left b{color:#edf2f6}
html[data-theme="dark"] .balance-chip{background:linear-gradient(140deg,#273442,#1e2935);border-color:#354454;box-shadow:0 3px 15px rgba(0,0,0,.14)}
html[data-theme="dark"] .panel,html[data-theme="dark"] .metric-card:not(.metric-balance),html[data-theme="dark"] .stock-item,html[data-theme="dark"] .ref-stat,html[data-theme="dark"] .ref-steps article{background:linear-gradient(152deg,#202b37,#1b2530 78%,#1c2530);border-color:#344250;box-shadow:0 10px 26px rgba(0,0,0,.11);color:#e8eef6}
html[data-theme="dark"] .metric-card:not(.metric-balance):hover,html[data-theme="dark"] .stock-item:hover,html[data-theme="dark"] .ref-stat:hover{border-color:#816b54;box-shadow:0 19px 44px rgba(0,0,0,.19)}
html[data-theme="dark"] .metric-balance{background:radial-gradient(ellipse at 92% 11%,rgba(236,174,112,.17),transparent 60%),linear-gradient(140deg,#344454,#263541);box-shadow:0 17px 42px rgba(0,0,0,.18)}
html[data-theme="dark"] .panel-head,html[data-theme="dark"] .data-table td{border-bottom-color:#34414c}
html[data-theme="dark"] .data-table th{background:#202d38;border-bottom-color:#354350}
html[data-theme="dark"] .data-table tbody tr:hover{background:#273541}
html[data-theme="dark"] .quick-actions>a:hover{background:#273541}
html[data-theme="dark"] .quick-icon{background:#36404a;color:#ecc08b}
html[data-theme="dark"] .btn-dark{background:linear-gradient(135deg,#425261,#313f4d);border-color:#495969;color:#f9fafb}
html[data-theme="dark"] .btn-dark:hover:not(:disabled){background:linear-gradient(135deg,#4d6070,#384a59)}
html[data-theme="dark"] .btn-accent{background:linear-gradient(125deg,#f5c893,#eab176 55%,#d9995b);color:#19222d;border-color:#e6b07b}
html[data-theme="dark"] .btn-accent:hover:not(:disabled){background:linear-gradient(125deg,#ffdab0,#f1bc83 55%,#e7a66e)}
html[data-theme="dark"] .btn-outline{background:linear-gradient(140deg,#263442,#202c38);border-color:#45515e;color:#edf2f7}
html[data-theme="dark"] .btn-outline:hover:not(:disabled){background:#34414f;border-color:#d9a36c}
html[data-theme="dark"] .stack-form input:not([type=checkbox],[type=radio]),html[data-theme="dark"] .stack-form textarea,html[data-theme="dark"] .stack-form select,html[data-theme="dark"] .search-field,html[data-theme="dark"] .server-modal-form input,html[data-theme="dark"] .server-modal-form select,html[data-theme="dark"] .server-modal-form textarea{background:#161f2a;color:#f1f5f8;border-color:#3d4c5c}
html[data-theme="dark"] .stack-form input:focus,html[data-theme="dark"] .stack-form textarea:focus,html[data-theme="dark"] .stack-form select:focus,html[data-theme="dark"] .server-modal-form input:focus,html[data-theme="dark"] .server-modal-form select:focus{border-color:#e1aa73;box-shadow:0 0 0 4px rgba(224,160,92,.16)}
html[data-theme="dark"] .power-button{background:linear-gradient(155deg,#2b3947,#202d39);border-color:#3a4b5a;color:#dce7f0}
html[data-theme="dark"] .power-button:hover:not(:disabled){background:linear-gradient(140deg,#41372f,#323843);border-color:#b38b62;color:#f7d1a9}
html[data-theme="dark"] .message{background:#222f3d;border-color:#344658;color:#edf3fa}
html[data-theme="dark"] .staff-message{background:linear-gradient(140deg,#413528,#342f2d);border-color:#665039}
html[data-theme="dark"] .server-modal-header{background:linear-gradient(145deg,#283440,#202b36)}
html[data-theme="dark"] .nav-item:hover{background:rgba(255,255,255,.075)}
html[data-theme="dark"] .nav-item.active{background:linear-gradient(95deg,rgba(240,183,116,.22),rgba(207,158,107,.08))}

html[data-theme="dark"] .public-header{background:rgba(18,26,34,.9)}
html[data-theme="dark"] .light-section{background:radial-gradient(ellipse at 3% 10%,rgba(229,183,134,.17),transparent 41%),linear-gradient(170deg,#1c2934,#17232e);color:#eaf1f5}
html[data-theme="dark"] .light-section .section-heading h2,html[data-theme="dark"] .light-section .benefit:not(.big-benefit) h3{color:#f1f5f8}
html[data-theme="dark"] .light-section .section-heading>p,html[data-theme="dark"] .light-section .benefit:not(.big-benefit) p{color:#aebdca}
html[data-theme="dark"] .benefit:not(.big-benefit){background:linear-gradient(145deg,#263541,#202d39);border-color:#384753;box-shadow:0 13px 35px rgba(0,0,0,.12)}
html[data-theme="dark"] .benefit:not(.big-benefit):hover{border-color:#7e6a56}
html[data-theme="dark"] .plans-section{background:linear-gradient(170deg,#151f29,#1b2631);color:#f0f4f7}
html[data-theme="dark"] .plans-section .section-heading h2{color:#f2f5f8}
html[data-theme="dark"] .plans-section .section-heading>p{color:#a9b9c7}
html[data-theme="dark"] .plan-card{background:linear-gradient(145deg,#24313d,#1b2732);border-color:#354553;box-shadow:0 10px 27px rgba(0,0,0,.11)}
html[data-theme="dark"] .plan-card:hover{border-color:#c49763;box-shadow:0 22px 49px rgba(0,0,0,.24)}
html[data-theme="dark"] .plan-featured{background:linear-gradient(145deg,#332f2d,#232c36);border-color:#94734f}
html[data-theme="dark"] .location-pill{background:#202e3b;color:#ced9e2;border-color:#374654}
html[data-theme="dark"] .location-pill.is-active{background:linear-gradient(145deg,#4f4133,#39352f);border-color:#d09b60;color:#ffe2bd}
html[data-theme="dark"] .location-pill:hover{border-color:#b5895c}
html[data-theme="dark"] .auth-card{background:linear-gradient(145deg,#202c38,#1a2530)}
html[data-theme="dark"] .auth-card h1{color:#f3f7fa}
html[data-theme="dark"] .order-location{background:#273440;border-color:#415061}
html[data-theme="dark"] .access-choice>span,html[data-theme="dark"] .os-family-card{border-radius:13px}

@media(max-width:1120px){.hero-grid{gap:26px}.plan-grid{gap:12px}.plan-card{padding:24px 18px}}
@media(max-width:990px){.hero-grid{grid-template-columns:1fr;max-width:760px;padding-top:60px;gap:25px}.hero-copy{max-width:680px}.hero-visual{width:min(100%,620px);margin:0 auto}.hero h1{font-size:clamp(50px,8vw,77px)}.hero-proof{margin-top:33px}.auth-wrap{margin-inline:20px}}
@media(max-width:740px){
  .public-header{height:68px}.nav-public{gap:8px}.nav-public .brand-wordmark{height:20px}.nav-actions{gap:8px}.nav-actions .btn{min-height:37px;padding:9px 11px}.nav-actions .theme-toggle{width:37px;height:37px}
  .hero-grid{padding-top:48px;padding-bottom:65px;min-height:auto}.hero h1{font-size:clamp(43px,9.5vw,65px);letter-spacing:-.059em}.hero-copy>p{font-size:13px}.hero-visual{padding-inline:10px}.mock-shell{transform:rotate(-1.5deg)}.floating-chip{left:-4px;font-size:8px;padding:10px 12px}
  .section{padding:67px 0}.section-heading{gap:15px}.benefit{min-height:auto;padding:26px}.benefit:hover,.plan-card:hover,.step:hover{transform:none}
  .sidebar{width:min(288px,84vw);box-shadow:15px 0 50px rgba(0,0,0,.16)}
  .topbar{height:66px;padding-inline:16px}.main-content{padding:23px 16px 55px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:26px}
  .panel{border-radius:15px}.panel-head{padding:19px 18px}.metric-card{min-height:145px}.power-actions{gap:8px}.power-button{min-height:95px;padding:15px 7px}
  .auth-wrap{border-radius:18px;margin-top:35px;margin-bottom:55px}
}
@media(max-width:480px){
 .hero-kicker{font-size:9px;letter-spacing:1px;max-width:100%}.hero h1{font-size:clamp(40px,10vw,53px)}.hero-buttons .btn{width:100%;justify-content:center}
 .mock-shell{border-radius:15px}.mock-toolbar{height:40px;padding:0 12px}.mock-host{gap:9px}.mock-server-icon{width:43px;height:43px}.mock-host strong{font-size:15px}.mock-running{font-size:8px;padding:7px}.mock-resources{gap:9px}.mock-resources>div{padding:12px}.mock-resources b{font-size:22px}.mock-chart svg{height:84px}
 .hero-proof{gap:12px}.strip-items{min-height:68px}.auth-wrap{margin-inline:13px}
 .metric-card{min-height:140px}.ref-stats-four{grid-template-columns:1fr}.server-heading{gap:12px}
}
@media(hover:none){.hv-spotlight::before{display:none}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .hv-motion-ready .hv-reveal{opacity:1!important;transform:none!important}
 .mock-shell{transform:none!important}.floating-chip{translate:none!important}
}

.plan-featured.hv-spotlight::before{content:"";position:absolute;top:-1px;left:23px;right:23px;bottom:auto;inset-block-end:auto;width:auto;height:3px;z-index:2;display:block;opacity:1;background:linear-gradient(90deg,transparent,#e7a961,transparent);border:0;border-radius:0 0 5px 5px}

@media(prefers-reduced-motion:no-preference){.app-main .page-heading{animation:hv-hero-in .43s var(--hv-ease) both}}


.btn,
.btn:hover:not(:disabled),
.btn:active:not(:disabled){
  transform:none;
}
.btn{
  transition:box-shadow .25s var(--hv-ease),border-color .25s var(--hv-ease),background-color .25s ease,color .25s ease;
}

.btn-accent,
.btn-accent:hover:not(:disabled),
.btn-accent:active:not(:disabled){
  background:linear-gradient(132deg,#f6c992 0%,#e8ac6b 48%,#d7914b 100%);
}
.btn-accent:hover:not(:disabled){
  border-color:#d99b5a;
  box-shadow:inset 0 1px rgba(255,255,255,.37),0 12px 25px rgba(202,130,55,.28);
}
.btn-dark,
.btn-dark:hover:not(:disabled),
.btn-dark:active:not(:disabled){
  background:linear-gradient(140deg,#283741,#1b252d);
}
.btn-dark:hover:not(:disabled){
  border-color:#465965;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 12px 25px rgba(17,29,38,.2);
}
.btn-outline,
.btn-outline:hover:not(:disabled),
.btn-outline:active:not(:disabled){
  background:linear-gradient(180deg,#fff,#fbfbfa);
}
.btn-outline:hover:not(:disabled){
  border-color:#deb17d;
  box-shadow:0 9px 22px rgba(123,81,43,.09);
}

.btn-outline-light,.btn-outline-light:hover:not(:disabled){
  background-image:none;
}

html[data-theme="dark"] .btn-accent,
html[data-theme="dark"] .btn-accent:hover:not(:disabled),
html[data-theme="dark"] .btn-accent:active:not(:disabled){
  background:linear-gradient(125deg,#f5c893,#eab176 55%,#d9995b);
}
html[data-theme="dark"] .btn-dark,
html[data-theme="dark"] .btn-dark:hover:not(:disabled),
html[data-theme="dark"] .btn-dark:active:not(:disabled){
  background:linear-gradient(135deg,#425261,#313f4d);
}
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .btn-outline:hover:not(:disabled),
html[data-theme="dark"] .btn-outline:active:not(:disabled){
  background:linear-gradient(140deg,#263442,#202c38);
}

html[data-theme="dark"] .plan-card > .btn,
html[data-theme="dark"] .plan-card > .btn:hover:not(:disabled),
html[data-theme="dark"] .plan-card > .btn:active:not(:disabled){
  background:#efb46e;
  border-color:#efb46e;
  color:#151b22;
}
html[data-theme="dark"] .plan-card > .btn:hover:not(:disabled){
  box-shadow:0 10px 24px rgba(0,0,0,.23),0 0 0 1px rgba(247,192,125,.25);
}

.power-button,.power-button:hover:not(:disabled),.power-button:active:not(:disabled){
  transform:none;
  background:linear-gradient(154deg,#fff,#f4f6f5);
  transition:box-shadow .25s var(--hv-ease),border-color .25s var(--hv-ease),color .25s ease;
}
.power-button:hover:not(:disabled){
  border-color:#e6b987;
  box-shadow:0 13px 24px rgba(98,75,51,.09);
}
html[data-theme="dark"] .power-button,
html[data-theme="dark"] .power-button:hover:not(:disabled),
html[data-theme="dark"] .power-button:active:not(:disabled){
  background:linear-gradient(155deg,#2b3947,#202d39);
}

.plan-card:hover,.metric-card:hover{transform:none}

.location-pill,.location-pill:hover,
.nav-item,.nav-item:hover,
.balance-chip,.balance-chip:hover,
.server-inline-action,.server-inline-action:hover,
.server-modal-close,.server-modal-close:hover,
.server-list-col,.server-list-col:hover,
.access-choice>span,.access-choice:hover>span,
.os-family-card,.os-family-card:hover,
.os-version-button,.os-version-button:hover:not(:disabled),
.reinstall-os-family,.reinstall-os-family:hover,
.reinstall-os-version,.reinstall-os-version:hover:not(:disabled){
  transform:none;
}
.location-pill{transition:background-color .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s var(--hv-ease)}

@media(prefers-reduced-motion:reduce){
  .btn,.power-button,.location-pill{transition:none!important}
}





body,button,input,select,textarea{
  font-family:"Manrope",Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}


.how-section .steps-grid>.step{
  padding:26px 29px 29px;
  min-width:0;
}
.how-section .steps-grid>.step>span{display:block;line-height:1.25}
.how-section .steps-grid>.step h3{margin:34px 0 14px;line-height:1.28}
.how-section .steps-grid>.step p{margin:0;max-width:100%;line-height:1.75}


.metric-balance .metric-orbit{display:none!important}
.metric-card.metric-balance::before,
.metric-card.metric-balance::after{content:none!important;display:none!important}

 .public-header .site-links{
  gap:clamp(14px,1.9vw,29px);
  font-size:13px;
  font-weight:700;
  letter-spacing:-.016em;
}
.public-header .site-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  padding:0;
  min-height:38px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  line-height:1.2;
  white-space:nowrap;
  transition:color .22s ease;
}
.public-header .site-links a svg{
  width:16px;
  height:16px;
  flex:none;
  color:#dfac76;
  stroke-width:1.85;
  transition:color .22s ease;
}
.public-header .site-links a::after{
  content:"";
  bottom:4px;
  left:0;
  right:100%;
  height:2px;
  background:#e8ae71;
  border-radius:10px;
  transition:right .3s var(--hv-ease);
}
.public-header .site-links a:hover,
.public-header .site-links a:focus-visible{
  color:#fff;
  background:transparent;
  border-color:transparent;
}
.public-header .site-links a:hover::after,
.public-header .site-links a:focus-visible::after{right:0}
.public-header .site-links a:hover svg,
.public-header .site-links a:focus-visible svg{color:#f5c791}
@media(max-width:1120px){
  .public-header .nav-public{gap:12px}
  .public-header .site-links{gap:11px;font-size:12px}
  .public-header .site-links a{gap:6px}
  .public-header .site-links a svg{width:15px;height:15px}
}
@media(max-width:930px){
  .public-header .site-links{display:none}
}
@media(max-width:650px){
  .how-section .steps-grid>.step{padding:24px 23px 26px}
  .how-section .steps-grid>.step h3{margin-top:24px}
}

html .referral-link-panel>.panel-head{border-bottom:0}
.hv-notifications{position:relative;display:flex;align-items:center;flex:none}
.hv-notifications [hidden]{display:none!important}
.hv-notifications-trigger{
  appearance:none;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid #e3e9e9;
  border-radius:12px;
  background:#fff;
  color:#5e7080;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  cursor:pointer;
  box-shadow:0 2px 10px rgba(23,43,54,.035);
  transition:border-color .2s,color .2s,background-color .2s,box-shadow .2s;
}
.hv-notifications-trigger:hover,.hv-notifications-trigger[aria-expanded="true"]{
  background:#fff9f2;
  border-color:#d9af7e;
  color:#a9753e;
  box-shadow:0 5px 18px rgba(148,93,45,.09);
}
.hv-notifications-trigger:focus-visible,.hv-notifications button:focus-visible,.hv-toast-close:focus-visible{
  outline:2px solid #dda565;
  outline-offset:3px;
}
.hv-notifications-counter{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:99px;
  display:grid;
  place-items:center;
  background:#d99250;
  color:#18222a;
  font-size:10px;
  line-height:1;
  font-weight:800;
  border:2px solid #fff;
  box-sizing:content-box;
}
.hv-notifications-panel{
  position:absolute;
  top:calc(100% + 13px);
  right:-55px;
  z-index:300;
  width:380px;
  max-width:calc(100vw - 28px);
  border:1px solid #e0e6e5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 22px 70px rgba(13,30,42,.22),0 3px 14px rgba(13,30,42,.06);
  overflow:hidden;
  color:#263641;
}
.hv-notifications-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:22px 22px 19px;
  background:linear-gradient(145deg,#fffaf4,#fff);
  border-bottom:1px solid #eaeceb;
}
.hv-notifications-eyebrow{display:block;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#b47e48;margin-bottom:7px}
.hv-notifications-head h2{margin:0;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.035em;color:#263641}
.hv-notifications-close,.hv-notifications-footer button{
  border:0;
  background:transparent;
  cursor:pointer;
  color:#84929b;
  transition:color .2s,background-color .2s;
}
.hv-notifications-close{display:grid;place-items:center;width:30px;height:30px;border-radius:9px}
.hv-notifications-close:hover{background:#f4efeb;color:#2a3740}
.hv-notifications-list{max-height:min(420px,55vh);overflow-y:auto;overscroll-behavior:contain}
.hv-notification-empty{text-align:center;padding:48px 28px 42px;color:#89969d}
.hv-notification-empty-icon{width:51px;height:51px;border-radius:15px;background:#fff3e4;display:grid;place-items:center;margin:0 auto 17px;color:#c48a4b;border:1px solid #f0e0cc}
.hv-notification-empty strong{display:block;color:#34434d;font-size:13px;margin-bottom:6px}
.hv-notification-empty p{font-size:12px;line-height:1.65;margin:0}
.hv-notification-item{
  display:flex;
  gap:11px;
  width:100%;
  border:0;
  border-bottom:1px solid #f0f2f1;
  border-radius:0;
  background:transparent;
  padding:17px 19px;
  text-align:left;
  cursor:pointer;
  color:inherit;
  transition:background-color .2s;
}
.hv-notification-item:hover{background:#faf8f4}
.hv-notification-item.is-unread{background:#fffaf4}
.hv-notification-item.is-unread:hover{background:#fff4e5}
.hv-notification-item-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;flex:none;background:#e9f6ef;color:#329466}
.hv-notification-item.is-error .hv-notification-item-icon{background:#fff0ed;color:#d76d58}
.hv-notification-item.is-info .hv-notification-item-icon{background:#eaf2fc;color:#6d8bb4}
.hv-notification-item-content{min-width:0;flex:1}
.hv-notification-item-title{font-size:12px;font-weight:750;display:flex;align-items:center;gap:6px;justify-content:space-between;color:#34434b}
.hv-notification-item-title::after{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:transparent}
.hv-notification-item.is-unread .hv-notification-item-title::after{background:#d99559}
.hv-notification-item-message{font-size:12px;line-height:1.55;color:#71818d;overflow-wrap:anywhere;margin:5px 0 8px}
.hv-notification-item-time{font-size:10px;color:#a0abb1}
.hv-notifications-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 19px;background:#fbfcfb}
.hv-notifications-footer button{font-size:11px;font-weight:750;padding:8px 3px;color:#a67540}
.hv-notifications-footer button:hover{color:#70461e}
.hv-notifications-footer button:disabled{opacity:.35;cursor:default}
.hv-toast-region{position:fixed;right:23px;bottom:23px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:11px;max-width:calc(100vw - 30px);pointer-events:none}
.hv-toast{
  width:min(365px,calc(100vw - 30px));
  position:relative;
  display:flex;
  gap:12px;
  padding:16px 37px 16px 15px;
  box-sizing:border-box;
  border:1px solid rgba(218,230,224,.9);
  border-left:3px solid #75b38f;
  border-radius:14px;
  background:#fff;
  color:#283640;
  box-shadow:0 14px 49px rgba(7,26,36,.19);
  pointer-events:auto;
  animation:hv-toast-in .28s ease-out both;
}
.hv-toast.is-error{border-left-color:#e58872}
.hv-toast.is-info{border-left-color:#84a5d0}
.hv-toast-symbol{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:9px;background:#e9f6ef;color:#329466}
.hv-toast.is-error .hv-toast-symbol{background:#fff0ed;color:#c96853}
.hv-toast.is-info .hv-toast-symbol{background:#eaf2fc;color:#6d8bb4}
.hv-toast-copy{flex:1;min-width:0}
.hv-toast-copy strong{display:block;font-size:12px;font-weight:800;margin-bottom:4px}
.hv-toast-copy span{display:block;font-size:12px;line-height:1.55;color:#6b7a84;overflow-wrap:anywhere}
.hv-toast-close{position:absolute;top:11px;right:10px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#9aabb4;cursor:pointer}
.hv-toast-close:hover{background:#f3f5f5;color:#263641}
@keyframes hv-toast-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="dark"] .hv-notifications-trigger{background:#24323d;border-color:#3c4b57;color:#ccdae4}
html[data-theme="dark"] .hv-notifications-trigger:hover,html[data-theme="dark"] .hv-notifications-trigger[aria-expanded="true"]{background:#34404b;border-color:#b98c5c;color:#f0c18b}
html[data-theme="dark"] .hv-notifications-counter{border-color:#1b2530}
html[data-theme="dark"] .hv-notifications-panel{background:#202b36;border-color:#374653;color:#eaf0f5}
html[data-theme="dark"] .hv-notifications-head{background:linear-gradient(145deg,#33332f,#202b36);border-bottom-color:#374653}
html[data-theme="dark"] .hv-notifications-head h2,html[data-theme="dark"] .hv-notification-empty strong,html[data-theme="dark"] .hv-notification-item-title{color:#ebf1f5}
html[data-theme="dark"] .hv-notification-item{border-color:#34414e}
html[data-theme="dark"] .hv-notification-item:hover{background:#2b3944}
html[data-theme="dark"] .hv-notification-item.is-unread{background:#303630}
html[data-theme="dark"] .hv-notification-item.is-unread:hover{background:#3a3b32}
html[data-theme="dark"] .hv-notification-item-message,html[data-theme="dark"] .hv-notification-empty p{color:#aebcc7}
html[data-theme="dark"] .hv-notification-item-time{color:#8fa1ae}
html[data-theme="dark"] .hv-notifications-footer{background:#1d2832}
html[data-theme="dark"] .hv-notifications-close:hover{background:#394752;color:#fff}
html[data-theme="dark"] .hv-toast{background:#222f3b;border-color:#3c4e59;color:#f0f5f9}
html[data-theme="dark"] .hv-toast-copy span{color:#bac8d2}
html[data-theme="dark"] .hv-toast-close:hover{background:#3b4d59;color:#f0f5fa}
@media(max-width:620px){
  .hv-notifications-panel{position:fixed;top:73px;left:12px;right:12px;width:auto;max-width:none}
  .hv-toast-region{right:14px;bottom:14px}
  .hv-notifications-trigger{width:37px;height:37px}
}
@media(prefers-reduced-motion:reduce){.hv-toast{animation:none}}