/* AZ.RU · «Всё в одном — от А до Я» · Kandinsky / Picasso, 2026-10 */
:root{
  --red:#FF4B36;--yellow:#FFC531;--blue:#3D5BFF;--teal:#1FC2A7;--violet:#9061FF;--pink:#FF77B4;--orange:#FF7A1F;--green:#22C38E;--gold:#F2B536;--cyan:#2BB7F0;
  --adm-teal:#2BB3AC;--adm-verm:#EC5B40;--adm-cob:#5A7EF5;--adm-plum:#B57AD3;--adm-sun:#F4C23A;--adm-gold:#D6B160;--adm-night:#0C1118;
  --disp:'Unbounded',system-ui,sans-serif;--body:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --gap:20px;--sh:6px;--wrap:1392px;--hdr:64px;
}
html[data-theme="dark"],html:not([data-theme]){
  --bg:#0D0E14;--bg2:#12131B;--surface:#171923;--surface2:#1F2230;--border:#2A2E3E;--border2:#3A3F55;
  --text:#F2EDE3;--text2:#C9C3B6;--text3:#8F8B9D;--accent:#6E8BFF;--header-bg:#0A0B10;--phead-bg:#1C1F2B;
  --ink:#F2EDE3;--line:#2E3245;--frame:#353A50;--card:#171923;--card-2:#1F2230;--field:#10121A;--paper:#0D0E14;--paper-2:#11131B;
  --red-t:#FF7A68;--blue-t:#8EA2FF;--green-t:#4FD8A8;--yellow-t:#FFD45E;--violet-t:#B795FF;
  --glow:.55;--grain:.06;color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#F4EFE6;--bg2:#ECE5D8;--surface:#FBF8F2;--surface2:#FFFFFF;--border:#DDD3C2;--border2:#CBBFAA;
  --text:#15130F;--text2:#3B362E;--text3:#6E665A;--accent:#2C47D8;--header-bg:#0E0F15;--phead-bg:#F1EADD;
  --ink:#15130F;--line:#D8CEBE;--frame:#15130F;--card:#FBF8F2;--card-2:#FFFFFF;--field:#FFFFFF;--paper:#F4EFE6;--paper-2:#ECE5D8;
  --red-t:#C4311E;--blue-t:#1B3FCC;--green-t:#0B7D60;--yellow-t:#8A6200;--violet-t:#6430C8;
  --glow:.25;--grain:.05;color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{font-family:var(--body);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .35s,color .35s}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img,svg{display:block}
svg{overflow:visible}
input,select,textarea{background:var(--field);border:1.5px solid var(--border2);border-radius:8px;padding:9px 12px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.8);opacity:0}}
@keyframes shimmer{to{background-position:-200% 0}}

/* ---------- canvas: Kandinsky background ---------- */
.az-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.az-bg svg{position:absolute;inset:0;width:100%;height:100%}
.az-bg .g1{opacity:calc(var(--glow) * .5)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- header ---------- */
#header{position:relative;z-index:60;background:var(--header-bg);color:#F2EDE3}
.header-top{position:sticky;top:0;z-index:70;background:var(--header-bg);border-bottom:1px solid rgba(242,237,227,.08)}
.header-in{max-width:var(--wrap);margin:0 auto;padding:0 24px;height:var(--hdr);display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.02em;color:#F2EDE3;white-space:nowrap;flex:none}
.logo .logo-mark{width:38px;height:38px;flex:none}
.logo .logo-mark .lm-spin{transform-origin:20px 20px;animation:spin 40s linear infinite}
.logo:hover .lm-spin{animation-duration:6s}
.logo b span{color:var(--red)}
.logo sub{display:block;font-family:var(--mono);font-weight:500;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8F8B9D;vertical-align:baseline;margin-top:3px}
.logo .lt{display:flex;flex-direction:column;line-height:1}
.h-nav{display:flex;align-items:center;gap:2px;flex:none}
.h-nav>a,.az-eco-dd>summary{position:relative;font-size:13.5px;font-weight:700;color:#D9D3C7;padding:8px 10px;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap;list-style:none;cursor:pointer}
.h-nav>a::after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--c,var(--yellow));transform:scaleX(0);transform-origin:left;transition:transform .25s}
.h-nav>a:hover{color:#fff}.h-nav>a:hover::after,.h-nav>a.active::after{transform:scaleX(1)}
.h-nav>a.active{color:#fff}
.h-nav .hot{color:#FFD45E}
.h-nav .hot::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px;animation:blink 1.4s infinite}
.az-eco-dd{position:relative}
.az-eco-dd>summary::-webkit-details-marker{display:none}
.az-eco-dd>summary::after{content:"▾";margin-left:5px;font-size:10px;opacity:.7}
.az-eco-dd[open]>summary{background:rgba(255,255,255,.08);color:#fff}
.az-eco-pop{position:absolute;top:calc(100% + 10px);left:0;width:300px;background:#12131B;border:1.5px solid #353A50;border-radius:14px;padding:8px;box-shadow:8px 8px 0 var(--blue),0 20px 40px rgba(0,0,0,.45);display:grid;gap:2px;z-index:90}
.az-eco-pop a{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;font-size:13px;color:#F2EDE3;transition:background .2s}
.az-eco-pop a:hover{background:#1F2230}
.az-eco-pop a small{display:block;font-size:11px;color:#8F8B9D;font-weight:500}
.az-eco-pop a em{font-style:normal;color:#8F8B9D;font-size:12px}
.az-eco-pop .ei{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--disp);color:#0D0E14;background:var(--c)}
.az-eco-pop .ei.sq{border-radius:6px}.az-eco-pop .ei.tr{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:9px;font-size:9px}
.h-search{flex:1 1 260px;max-width:440px;min-width:200px;display:flex;align-items:center;gap:4px;padding:4px 4px 4px 14px;border-radius:40px;background:#161824;border:1.5px solid #353A50;transition:border-color .2s,box-shadow .2s;margin-left:auto}
.h-search:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(144,97,255,.25)}
.h-search svg{width:16px;height:16px;flex:none;color:var(--violet)}
.h-search input{border:0;background:transparent;padding:6px 4px;font-size:13.5px;color:#F2EDE3;box-shadow:none!important}
.h-search input::placeholder{color:#8F8B9D}
.h-search button{flex:none;border:0;border-radius:40px;background:linear-gradient(120deg,var(--violet),var(--blue));color:#fff;font-weight:800;font-size:12.5px;padding:8px 14px;transition:filter .2s,transform .15s}
.h-search button:hover{filter:brightness(1.15);transform:translateY(-1px)}
.h-right{display:flex;align-items:center;gap:12px;flex:none}
.h-phone{font-family:var(--mono);font-size:12.5px;font-weight:500;color:#FFD45E;white-space:nowrap}
.h-phone:hover{color:#fff}
.az-theme{display:flex;align-items:center;gap:6px}
#themeIco{font-size:12px;line-height:1;width:16px;text-align:center}
.theme-toggle{position:relative;width:46px;height:26px;border-radius:30px;background:#262A3A;border:1.5px solid #3A3F55;cursor:pointer;transition:background .3s}
.theme-toggle::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--yellow);box-shadow:inset -5px -3px 0 #E8A800;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
html[data-theme="light"] .theme-toggle{background:#FFE7A8;border-color:#E8C35A}
html[data-theme="light"] .theme-toggle::after{transform:translateX(20px);background:#FF9A1F;box-shadow:0 0 0 3px rgba(255,154,31,.35)}

/* login dropdown */
.az-login{position:relative}
.az-login>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:800;font-size:13px;color:#0D0E14;background:var(--yellow);border:2px solid var(--yellow);padding:7px 13px;border-radius:30px;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.az-login>summary::-webkit-details-marker{display:none}
.az-login>summary svg{width:15px;height:15px}
.az-login>summary:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--red)}
.az-login[open]>summary{box-shadow:3px 3px 0 var(--red)}
.az-login-pop{position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:95}
.auth-panel{background:var(--surface);color:var(--text);border:2px solid var(--frame);border-radius:16px;padding:14px;box-shadow:8px 8px 0 var(--violet),0 24px 48px rgba(0,0,0,.4)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface2);border-radius:10px;padding:4px;margin-bottom:12px}
.auth-tab{text-align:center;font-weight:800;font-size:12.5px;padding:7px;border-radius:8px;cursor:pointer;color:var(--text3);transition:background .2s,color .2s}
.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--violet)}
.auth-form{display:none}
.auth-form.active{display:block}
.af-row{margin-bottom:9px}
.af-row label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.af-submit{width:100%;border:0;border-radius:10px;background:linear-gradient(120deg,var(--violet),var(--blue));color:#fff;font-weight:800;font-size:13.5px;padding:10px;margin-top:2px;transition:filter .2s}
.af-submit:hover{filter:brightness(1.12)}
.af-forgot{text-align:center;font-size:11.5px;color:var(--text3);margin:9px 0 4px}
.af-forgot a:hover{color:var(--text)}
.af-divider{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--text3);margin:6px 0 8px}
.af-divider::before,.af-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.af-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.af-social{text-align:center;font-size:12px;font-weight:700;padding:7px 4px;border:1.5px solid var(--border2);border-radius:8px;transition:border-color .2s,background .2s}
.af-social:hover{border-color:var(--accent);background:var(--surface2)}
.af-terms{font-size:11px;color:var(--text3);line-height:1.5}
.af-terms a{text-decoration:underline}

/* burger (mobile menu, works without JS) */
.az-burger{display:none;position:relative}
.az-burger>summary{list-style:none;width:42px;height:42px;border-radius:50%;border:1.5px solid #3A3F55;display:grid;place-items:center;cursor:pointer}
.az-burger>summary::-webkit-details-marker{display:none}
.az-burger>summary span,.az-burger>summary span::before,.az-burger>summary span::after{display:block;width:18px;height:2px;background:#F2EDE3;border-radius:2px;position:relative;transition:transform .25s,background .25s}
.az-burger>summary span::before,.az-burger>summary span::after{content:"";position:absolute;left:0}
.az-burger>summary span::before{top:-6px}.az-burger>summary span::after{top:6px}
.az-burger[open]>summary span{background:transparent}
.az-burger[open]>summary span::before{transform:translateY(6px) rotate(45deg)}
.az-burger[open]>summary span::after{transform:translateY(-6px) rotate(-45deg)}
.az-mnav{position:fixed;left:0;right:0;top:var(--hdr);bottom:0;overflow:auto;background:var(--header-bg);padding:14px 20px 40px;display:flex;flex-direction:column;gap:4px;z-index:80;border-top:1px solid #2A2E3E}
.az-mnav a{display:flex;align-items:center;gap:12px;padding:12px 6px;font-weight:800;font-size:17px;color:#F2EDE3;border-bottom:1px dashed #2A2E3E}
.az-mnav a i{width:12px;height:12px;flex:none;background:var(--c,var(--yellow));border-radius:50%}
.az-mnav a i.sq{border-radius:2px}.az-mnav a i.tr{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}
.az-mnav .mn-hot{color:#FFD45E}
.az-mnav .mn-ext{font-size:14px;font-weight:700;color:#C9C3B6}
.az-mnav .mn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.az-mnav .mn-row a,.az-mnav .mn-row button{border:1.5px solid #3A3F55;border-radius:30px;padding:9px 16px;font-size:14px;font-weight:800;color:#F2EDE3;background:transparent;border-bottom-style:solid}
.az-mnav .mn-row .y{background:var(--yellow);color:#0D0E14;border-color:var(--yellow)}

/* ---------- ticker ---------- */
.ticker{display:flex;align-items:center;height:34px;background:#0F1018;border-bottom:1px solid rgba(242,237,227,.08);overflow:hidden}
.ticker-badge{flex:none;display:flex;align-items:center;gap:7px;height:100%;padding:0 14px 0 24px;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#0D0E14;background:var(--yellow);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-right:24px}
.ticker-wrap{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.ticker-inner{display:flex;width:max-content;animation:marquee 60s linear infinite}
.ticker:hover .ticker-inner{animation-play-state:paused}
.t-item{display:flex;align-items:center;gap:8px;padding:0 18px;font-family:var(--mono);font-size:12px;white-space:nowrap;color:#C9C3B6;border-right:1px solid #262A3A}
.t-sym{color:#8F8B9D}.t-val{color:#F2EDE3;font-weight:700}
.t-item .up,.mr-chg.up{color:#4FD8A8}.t-item .dn,.mr-chg.dn{color:#FF7A68}
html[data-theme="light"] .mr-chg.up{color:#0B7D60}html[data-theme="light"] .mr-chg.dn{color:#C4311E}

/* ---------- PHP alert ---------- */
.az-alert{position:relative;background:#1B0B09;color:#F3EEE5;border-bottom:2px solid #3A1510;overflow:hidden}
.az-alert::before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:repeating-linear-gradient(45deg,var(--yellow) 0 7px,#14120F 7px 14px)}
.az-alert::after{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,75,54,.35),transparent 70%);pointer-events:none}
.az-alert-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding:8px 24px 8px 40px;display:flex;align-items:center;gap:12px;min-height:46px}
.az-siren{position:relative;width:13px;height:13px;flex:none}
.az-siren i,.az-siren::before{position:absolute;inset:0;border-radius:50%;background:#FF3B2F}
.az-siren::before{content:"";animation:ping 1.6s cubic-bezier(.2,.8,.2,1) infinite}
.az-alert-tag{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;background:#FF3B2F;color:#fff;padding:3px 9px;border-radius:20px}
.az-alert-tx{flex:1;min-width:0;font-size:13.5px;line-height:1.35}
.az-alert-tx em{font-style:normal;font-family:var(--mono);font-size:12px;color:#14120F;background:var(--yellow);padding:1px 6px;border-radius:3px;white-space:nowrap}
.az-alert-act{display:flex;align-items:center;gap:10px;flex:none}
.az-alert-more{border:0;background:none;color:#FFD45E;font:700 12px var(--mono);text-decoration:underline;text-underline-offset:3px;padding:6px 2px}
.az-alert-more:hover{color:#fff}
.az-alert-go{display:inline-flex;align-items:center;gap:7px;background:var(--yellow);color:#14120F;font-weight:800;font-size:13px;padding:6px 13px;border-radius:4px;box-shadow:3px 3px 0 #FF3B2F;transition:transform .15s,box-shadow .15s;white-space:nowrap}
.az-alert-go svg{width:14px;height:14px}
.az-alert-go:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #FF3B2F}
.az-alert-x{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(253,250,243,.35);background:transparent;color:#FDFAF3;font-size:12px;display:inline-grid;place-items:center;transition:background .2s,border-color .2s}
.az-alert-x:hover{background:#FF3B2F;border-color:#FF3B2F}
.az-alert[hidden]{display:none!important}

/* ---------- hero ---------- */
.az-hero{padding:26px 0 24px}
.az-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 404px;gap:var(--gap);align-items:stretch}
.az-hero-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"tx art" "sp sp" "st st";gap:14px 18px;align-content:start;min-width:0}
.az-hero-tx{grid-area:tx;min-width:0}
.az-kick{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text3)}
.az-kick::before{content:"";width:26px;height:2px;background:var(--red);flex:none}
.portal-heading{font-family:var(--disp);font-weight:800;font-size:clamp(28px,2.9vw,44px);line-height:1.05;letter-spacing:-.03em;margin-top:12px;max-width:19ch}
.portal-heading em{font-style:normal;position:relative;white-space:nowrap;color:var(--yellow)}
html[data-theme="light"] .portal-heading em{color:var(--red-t)}
.portal-heading em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;background:var(--red);z-index:-1;transform:skewX(-14deg)}
html[data-theme="light"] .portal-heading em::after{background:var(--yellow)}
.portal-heading .az-az{font-size:.55em;letter-spacing:-.01em;display:inline-block;vertical-align:.38em;padding:.05em .3em .1em;border:2px solid var(--ink);border-radius:40px;margin-left:.15em;color:var(--text)}
.az-lead{font-size:15.5px;line-height:1.6;color:var(--text2);margin-top:12px;max-width:60ch}
.az-lead b{color:var(--text);font-weight:700}
.az-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:16px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:14px;padding:11px 18px;border-radius:6px;border:2px solid var(--ink);background:var(--ink);color:var(--bg);box-shadow:5px 5px 0 var(--c,var(--red));transition:transform .15s,box-shadow .15s,background .2s,color .2s;white-space:nowrap}
.btn svg{width:16px;height:16px}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--c,var(--red))}
.btn.ghost{background:transparent;color:var(--text)}
.btn.ghost:hover{background:var(--surface2)}
.btn.sm{font-size:13px;padding:8px 14px;box-shadow:4px 4px 0 var(--c,var(--red))}
.az-link{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13.5px;color:var(--text);text-decoration:underline;text-decoration-color:var(--c,var(--violet));text-decoration-thickness:2px;text-underline-offset:5px;background:none;border:0;padding:4px 0}
.az-link:hover{color:var(--c,var(--violet))}
.az-art{grid-area:art;align-self:center;justify-self:center;width:260px;height:230px}
.az-art svg{width:100%;height:100%}
.az-art .ring{transform-origin:150px 118px;animation:spin 50s linear infinite}
.az-art .orbit{transform-origin:150px 118px;animation:spin 28s linear infinite}
.az-art .orbit>g{transform-box:fill-box;transform-origin:center;animation:spin 28s linear infinite reverse}
.az-art .fl1{animation:drift 6s ease-in-out infinite}
.az-art .fl2{animation:drift 8s ease-in-out infinite;animation-delay:-2s}
.az-art:hover .orbit,.az-art:hover .orbit>g{animation-duration:8s}

/* search panel */
.search-panel{grid-area:sp;position:relative;background:var(--surface);border:2px solid var(--frame);border-radius:16px;padding:12px;box-shadow:var(--sh) var(--sh) 0 var(--blue)}
.sp-row{display:flex;align-items:center;gap:12px}
.sp-logo{font-family:var(--disp);font-weight:800;font-size:17px;letter-spacing:-.02em;flex:none;padding-left:4px}
.sp-logo span{color:var(--red)}
.sp-bar{flex:1;display:flex;gap:6px;min-width:0}
.sp-bar input{font-size:15px;padding:11px 14px;border-radius:10px;border-width:2px}
.sp-bar button{flex:none;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);color:#0D0E14;font-weight:800;font-size:14px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s}
.sp-bar button svg{width:16px;height:16px}
.sp-bar button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--red)}
.sp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.spt{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:30px;border:1.5px solid var(--border2);color:var(--text2);cursor:pointer;transition:all .2s}
.spt::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--text3))}
.spt:nth-child(2)::before{border-radius:1px}.spt:nth-child(3)::before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.spt:nth-child(5)::before{transform:rotate(45deg);border-radius:0}
.spt:hover{border-color:var(--c,var(--accent));color:var(--text)}
.spt.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.eco-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}
.sp-eco-link{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;transition:background .2s,transform .2s;min-width:0}
.sp-eco-link:hover{background:var(--surface2);transform:translateY(-2px)}
.sp-eco-link .ei{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 9.5px var(--disp);color:#0D0E14;background:var(--c)}
.sp-eco-link .ei.sq{border-radius:6px}.sp-eco-link .ei.dm{border-radius:3px;transform:rotate(45deg)}.sp-eco-link .ei.dm b{transform:rotate(-45deg)}
.sp-eco-name{font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-eco-desc{font-size:10.5px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-eco-link>div{min-width:0}
#searchDrop{position:absolute;left:10px;right:10px;top:calc(100% - 4px);z-index:500;background:var(--surface);border:2px solid var(--frame);border-radius:0 0 14px 14px;max-height:420px;overflow-y:auto;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.sdrop-section{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:10px 14px 4px}
.sdrop-item{display:flex;gap:10px;padding:9px 14px;cursor:pointer;border-top:1px solid var(--border);transition:background .15s}
.sdrop-item:hover{background:var(--surface2)}
.sdrop-item-title{font-weight:700;font-size:13.5px;line-height:1.35}
.sdrop-item-meta{font-size:11.5px;color:var(--text3);margin-top:2px}
.sdrop-badge{display:inline-block;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px}
.sdrop-fallback{padding:10px 14px;font-size:12.5px;color:var(--text2)}
.sdrop-fallback a{color:var(--accent);font-weight:700}
.lead-pills{grid-area:st;display:flex;flex-wrap:wrap;gap:8px}
.lp{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;padding:5px 11px;border-radius:30px;background:var(--surface);border:1.5px solid var(--border2);color:var(--text2)}
.lp::before{content:"";width:9px;height:9px;background:var(--c);border-radius:50%}
.lp-b{--c:var(--blue)}.lp-p{--c:var(--pink)}.lp-p::before{border-radius:1px}.lp-g{--c:var(--green)}.lp-g::before{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.lp-c{--c:var(--cyan)}.lp-c::before{transform:rotate(45deg);border-radius:0}
.lp b{color:var(--text);font-weight:700}

/* ---------- 55.ru ---------- */
.az-deals{position:relative;display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px 18px;border:2px solid #15130F;border-radius:16px;background:linear-gradient(162deg,#FFE27A 0%,#FFF1C2 46%,#FFF8E6 100%);color:#15130F;box-shadow:8px 8px 0 var(--red);overflow:hidden;isolation:isolate;scroll-margin-top:90px}
.az-deals-art{position:absolute;z-index:-1;top:-8px;right:-18px;width:176px;height:auto;pointer-events:none}
.az-tag{transform-box:fill-box;transform-origin:center;animation:azSwing 6s ease-in-out infinite}
@keyframes azSwing{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(-8deg)}}
.az-spin-slow{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.az-float1{animation:drift 7s ease-in-out infinite}.az-float2{animation:drift 9s ease-in-out infinite;animation-delay:-3s}
.az-deals-top{display:flex;align-items:center;gap:10px;padding-right:118px}
.az-deals-logo{display:inline-flex;align-items:center;gap:7px}
.az-deals-logo svg{width:38px;height:38px}
.az-deals-logo b{font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:-.02em}
.az-deals-logo b span{color:#C4311E}
.az-pill{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid #15130F;background:#fff;padding:2px 8px;border-radius:20px;white-space:nowrap}
.az-deals-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#3B362E;padding-right:110px}
.az-deals h2{font-family:var(--disp);font-weight:800;font-size:clamp(23px,2vw,29px);line-height:1.06;letter-spacing:-.02em;padding-right:90px}
.az-deals h2 em{font-style:normal;color:#fff;background:#E8402C;padding:0 .18em;border:2px solid #15130F;box-shadow:3px 3px 0 #15130F;display:inline-block;transform:rotate(-1.5deg);margin-top:4px}
.az-deals-p{font-size:13.5px;line-height:1.45;color:#3B362E}
.az-deals-form{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:7px}
.az-deals-form input,.az-deals-form select{font-size:14px;padding:10px 12px;border:2px solid #15130F;background:#fff;color:#15130F;border-radius:6px}
.az-deals-form select{font-size:13px}
.az-deals-form button{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:2px solid #15130F;background:#E8402C;color:#fff;font-weight:800;font-size:14.5px;padding:10px 16px;border-radius:6px;box-shadow:4px 4px 0 #15130F;transition:transform .15s,box-shadow .15s,background .2s}
.az-deals-form button svg{width:17px;height:17px}
.az-deals-form button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #15130F;background:#D2341F}
.az-deals-types{display:flex;flex-wrap:wrap;gap:6px}
.az-deals-types a{--c:#15130F;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 10px;border:1.5px solid #15130F;background:#fff;border-radius:20px;transition:transform .15s,box-shadow .15s}
.az-deals-types a::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.az-deals-types a.hot{background:#15130F;color:#FFC531}
.az-deals-types a.hot::before{display:none}
.az-deals-types a.hot svg{width:13px;height:13px;color:#FF7A1F}
.az-deals-types a.super{background:linear-gradient(90deg,#FFC531,#FF7A1F)}
.az-deals-types a.super::before{background:#15130F;border-radius:0;transform:rotate(45deg)}
.az-deals-types a:hover{transform:translateY(-2px);box-shadow:2px 3px 0 #15130F}
.az-deals-trust{list-style:none;display:flex;flex-direction:column;gap:3px}
.az-deals-trust li{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.35;color:#3B362E}
.az-deals-trust svg{width:14px;height:14px;flex:none;color:#0B7D60}
.az-deals-biz{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#15130F;color:#F5F0E8;border-radius:8px}
.az-deals-biz p{font-size:12.5px;line-height:1.4}
.az-deals-biz b{color:#FFC531}
.az-deals-biz-act{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.az-btn-y{display:inline-flex;align-items:center;gap:8px;background:#FFC531;color:#15130F;font-weight:800;font-size:13px;padding:7px 12px;border-radius:5px;transition:transform .15s,box-shadow .15s}
.az-btn-y svg{width:15px;height:15px}
.az-btn-y:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #FF3B2F}
.az-more-info{border:0;background:none;font-weight:800;font-size:12px;color:inherit;border-bottom:2px solid var(--c,var(--yellow));padding:3px 0;line-height:1.2;white-space:nowrap}
.az-more-info:hover{color:var(--c,var(--yellow))}
.az-deals-biz .az-more-info{color:#F5F0E8;--c:#FFC531}

/* ---------- portal grid ---------- */
#main{max-width:var(--wrap);margin:0 auto;padding:4px 24px 40px;display:grid;grid-template-columns:300px minmax(0,1fr) 310px;gap:var(--gap);align-items:start}
#left,#center,#right{display:flex;flex-direction:column;gap:var(--gap);min-width:0}
.panel{position:relative;background:var(--surface);border:2px solid var(--frame);border-radius:16px;box-shadow:var(--sh) var(--sh) 0 var(--c,var(--blue));overflow:hidden;min-width:0}
.p-sky{--c:var(--cyan)}.p-pink{--c:var(--pink)}.p-gold{--c:var(--yellow)}.p-violet{--c:var(--violet)}.p-green{--c:var(--green)}.p-orange{--c:var(--orange)}.p-red{--c:var(--red)}.p-blue{--c:var(--blue)}
.phead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1.5px solid var(--border);background:var(--phead-bg)}
.phead>span{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:-.01em}
.phead>span .sh{width:14px;height:14px;flex:none;background:var(--c);border-radius:50%}
.phead>span .sh.sq{border-radius:2px}.phead>span .sh.tr{border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%)}.phead>span .sh.dm{border-radius:0;transform:rotate(45deg) scale(.85)}
.phead a,.phead button{font-family:var(--mono);font-size:11px;color:var(--text3);background:none;border:0;padding:2px 0;transition:color .2s;white-space:nowrap}
.phead a:hover,.phead button:hover{color:var(--c)}
.live{color:var(--red);font-size:10px;animation:blink 1.4s infinite;margin-right:2px}
.status-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1.5px solid var(--border);font-family:var(--mono);font-size:10.5px;color:var(--text3)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text3);flex:none}
.status-dot.red{background:var(--red)}
.status-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-refresh{cursor:pointer;color:var(--accent);white-space:nowrap}
.status-refresh:hover{text-decoration:underline}
.az-off,.stale-note{padding:12px 14px;font-size:12px;color:var(--text3)}
.skel-item{padding:10px 14px}
.skel-line{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--surface2) 0%,var(--border) 50%,var(--surface2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;margin-bottom:7px}
.skel-line.short{width:40%}

/* news items (rendered by news-feed.js) */
.ni{position:relative;padding:10px 14px 10px 14px;background:transparent!important;border-left-width:3px!important;border-bottom:1px solid var(--border);transition:background .2s}
.ni:last-child{border-bottom:0}
.ni:hover{background:var(--surface2)!important}
.ni-title{font-weight:700;font-size:13.5px;line-height:1.38;color:var(--text)}
a.ni-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
a.ni-title:hover{color:var(--accent)}
.ni-snippet{font-size:12.5px;line-height:1.45;color:var(--text2);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ni-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}
.ni-source-badge{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:10.5px;font-weight:700;padding:1px 8px;border-radius:20px;white-space:nowrap}
.ni-cat{font-family:var(--mono);font-size:10px;color:var(--text3);white-space:nowrap;max-width:14em;overflow:hidden;text-overflow:ellipsis}
.ni-time{font-family:var(--mono);font-size:10px;color:var(--text3);margin-left:auto;white-space:nowrap}
.az-clip .ni:nth-child(n+7){display:none}
.az-clip.az-clip4 .ni:nth-child(n+5){display:none}
.az-clip.az-open .ni{display:block!important}
.az-scroll,.az-scrollwrap #newsBizContainer{max-height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}
.az-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-top:1.5px dashed var(--border);background:transparent;color:var(--text2);font-weight:800;font-size:12.5px;padding:9px;transition:background .2s,color .2s}
.az-more:hover{background:var(--surface2);color:var(--text)}
.az-more::after{content:"↓";font-size:13px;transition:transform .25s}
.az-more[aria-expanded="true"]::after{transform:rotate(180deg)}

/* weather */
.weather-hero{display:flex;align-items:center;gap:14px;padding:14px 14px 10px}
.w-ico{width:62px;height:62px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:32px;background:radial-gradient(circle at 35% 35%,#FFE27A,var(--yellow) 60%);border:2px solid var(--frame);box-shadow:4px 4px 0 var(--blue)}
.w-temp{font-family:var(--disp);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.03em}
.w-city{font-weight:800;font-size:14px;margin-top:4px}
.w-desc{font-size:12px;color:var(--text3)}
.w-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1.5px solid var(--border)}
.wd{padding:8px 14px;border-bottom:1px solid var(--border)}
.wd:nth-child(odd){border-right:1px solid var(--border)}
.wd-l{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}
.wd-v{font-weight:800;font-size:14px;font-family:var(--mono)}
.w-forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px 12px}
.w-forecast:empty{display:none}
.wf{text-align:center;padding:6px 2px;border-radius:10px;background:var(--surface2);border:1px solid var(--border)}
.wf .d{font-family:var(--mono);font-size:10px;color:var(--text3);text-transform:uppercase}
.wf .i{font-size:17px;line-height:1.5}
.wf .h{font-weight:800;font-size:12.5px}
.wf .l{font-size:11px;color:var(--text3)}
.w-city-selector{padding:8px 12px 6px!important;border-top:1.5px solid var(--border)!important}
.w-city-quick{gap:4px!important}
.w-city-btn{font-size:10.5px!important;padding:3px 9px!important;border-radius:20px!important;border:1.5px solid var(--border2)!important;background:transparent!important;color:var(--text2)!important;font-weight:700!important}
.w-city-btn:hover{border-color:var(--c)!important;color:var(--text)!important}
.w-city-btn.active,.w-city-btn[style*="var(--accent)"]{background:var(--ink)!important;color:var(--bg)!important;border-color:var(--ink)!important}
#wCityInput{font-size:12px!important;padding:6px 10px!important;border-radius:20px!important;background:var(--field)!important}
.w-city-selector button[onclick*="_searchCity"]{border-radius:20px!important;background:var(--blue)!important;padding:5px 12px!important;font-size:11px!important}
.w-updated{padding:2px 14px 10px;font-family:var(--mono);font-size:10px;color:var(--text3)}

/* quick access */
.ql-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}
.ql{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px 7px;border-radius:10px;cursor:pointer;transition:background .2s,transform .2s;text-align:center}
.ql:hover{background:var(--surface2);transform:translateY(-2px)}
.ql .qi{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#0D0E14;border:1.5px solid var(--frame)}
.ql:nth-child(3n+2) .qi{border-radius:8px}.ql:nth-child(4n+3) .qi{border-radius:2px 18px 2px 18px}
.ql .qi svg{width:17px;height:17px}
.qn{font-size:11px;font-weight:700;line-height:1.2}

/* utilities */
.az-sec-mini{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.svc-label{display:flex;align-items:center;gap:12px;font-family:var(--disp);font-weight:800;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.1}
.svc-label .num{font-size:1.6em;color:transparent;-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.04em;line-height:.8}
.svc-label em{font-style:normal;color:var(--yellow)}
html[data-theme="light"] .svc-label em{color:var(--red-t)}
.az-sec-mini small{font-family:var(--mono);font-size:11px;color:var(--text3);text-align:right}
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.svc-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;align-content:center;padding:10px 12px;border-radius:12px;background:var(--surface);border:1.5px solid var(--border2);cursor:pointer;overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .2s;min-width:0}
.svc-card:hover{transform:translate(-2px,-2px);border-color:var(--frame);box-shadow:4px 4px 0 var(--c)}
.svc-card .sc-ico{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;background:var(--c);color:#0D0E14;border:1.5px solid var(--frame);border-radius:50%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.svc-card:hover .sc-ico{transform:rotate(-10deg) scale(1.06)}
.svc-card .sc-ico.sq{border-radius:10px}.svc-card .sc-ico.lf{border-radius:4px 20px 4px 20px}.svc-card .sc-ico.hx{border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
.svc-card .sc-ico svg{width:19px;height:19px}
.sc-title{font-weight:800;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:22px}
.sc-tag{display:none}
.sc-desc{font-size:11.5px;color:var(--text3);line-height:1.32;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-num{position:absolute;right:7px;top:6px;font-family:var(--disp);font-weight:800;font-size:17px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--border2);pointer-events:none;transition:-webkit-text-stroke-color .2s}
.svc-card:hover .sc-num{-webkit-text-stroke-color:var(--c)}
.svc-card.az-audit{background:linear-gradient(135deg,#1A0D0A,#2A1512);border-color:#FF5A43;color:#F3EEE5}
html[data-theme="light"] .svc-card.az-audit{background:#15130F}
.svc-card.az-audit .sc-desc{color:#FFD45E}
.svc-card.az-audit .sc-ico{background:var(--red);color:#fff}
.c1{--c:var(--cyan)}.c2{--c:var(--yellow)}.c3{--c:var(--teal)}.c4{--c:var(--red)}.c5{--c:var(--orange)}.c6{--c:var(--pink)}.c7{--c:var(--blue)}.c8{--c:var(--green)}.c9{--c:var(--violet)}.c10{--c:var(--cyan)}.c11{--c:var(--pink)}.c12{--c:var(--yellow)}.c13{--c:var(--teal)}.c14{--c:var(--orange)}.c15{--c:var(--blue)}

/* news tabs */
.tab-bar2{display:flex;gap:4px;padding:8px;border-bottom:1.5px solid var(--border);background:var(--phead-bg);overflow-x:auto;scrollbar-width:none}
.tab-bar2::-webkit-scrollbar{display:none}
.tb2{flex:none;font-weight:800;font-size:12.5px;padding:7px 13px;border-radius:30px;color:var(--text2);cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}
.tb2:hover{background:var(--surface2);color:var(--text)}
.tb2.active{background:var(--ink);color:var(--bg)}
.tc2{display:none}
.tc2.active{display:block;animation:rise .35s ease both}
.news-cols{display:grid;grid-template-columns:1fr 1fr;gap:0!important}
.news-cols>div{min-width:0}
.news-cols>div+div{border-left:1.5px solid var(--border)}
.news-cols h3{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-size:13px!important;font-weight:700;padding:11px 14px 7px;margin:0!important}
.news-cols h3::before{content:"";width:10px;height:10px;background:var(--c);border-radius:50%}
.col-biz{--c:var(--gold)}.col-tech{--c:var(--violet)}.col-tech h3::before{border-radius:2px;transform:rotate(45deg)}

/* markets / rating / converter */
#marketsList{padding:4px 0}
.mgroup{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);padding:9px 14px 4px;display:flex;align-items:center;gap:8px}
.mgroup::after{content:"";flex:1;height:1px;background:var(--border)}
.mr{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;gap:8px;align-items:center;padding:5px 14px;font-family:var(--mono);font-size:12.5px;transition:background .15s}
.mr:hover{background:var(--surface2)}
.mr-sym{color:var(--text2);white-space:nowrap}
.mr-val{font-weight:700;text-align:right;white-space:nowrap}
.mr-chg{font-size:11px;text-align:right;color:var(--text3);white-space:nowrap}
.ri{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border)}
.ri:last-of-type{border-bottom:0}
.ri-n{width:28px;height:28px;display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:12px;color:#0D0E14;background:var(--yellow);border:1.5px solid var(--frame);border-radius:50%}
.ri:nth-of-type(2) .ri-n{background:var(--cyan);border-radius:4px}
.ri:nth-of-type(3) .ri-n{background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%);border:0;border-radius:0;padding-top:7px;font-size:10px}
.ri:nth-of-type(4) .ri-n{background:var(--green)}
.ri:nth-of-type(5) .ri-n{background:var(--violet);border-radius:4px;transform:rotate(45deg)}
.ri:nth-of-type(5) .ri-n::first-line{color:#fff}
.ri-name{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ri-name a:hover{color:var(--accent)}
.ri-cat{font-size:11px;color:var(--text3)}
.ri-pos{font-family:var(--mono);font-size:11px;color:var(--green-t);white-space:nowrap}
.conv-box{padding:12px 14px}
.conv-row{margin-bottom:8px}
.conv-row label,.conv-from-to label{display:block;font-family:var(--mono);font-size:9.5px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)!important;margin-bottom:3px;font-weight:500!important}
.conv-row input{font-family:var(--mono);font-weight:700}
.conv-from-to{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.conv-from-to select{width:100%;background:var(--field)!important;border:1.5px solid var(--border2)!important;border-radius:8px!important;padding:8px 10px!important;color:var(--text)!important;font-size:12.5px!important;font-family:var(--mono)!important}
.conv-result{min-height:44px;padding:10px 12px;border-radius:10px;background:var(--surface2);border:1.5px dashed var(--border2);font-family:var(--mono);font-size:13px}
.conv-result div[style]{font-family:var(--disp)}
.currency-note{font-size:10.5px;color:var(--text3);margin-top:8px;line-height:1.4}
.az-top100{padding:10px 14px 12px}
.az-top100 .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}
.top100-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.counter-fallback{font-weight:800;font-size:12.5px;color:var(--accent)}
.counter-fallback:hover{text-decoration:underline}
.az-rank-ad{display:block;position:relative;padding:14px;border-radius:16px;background:linear-gradient(135deg,#0F2A21,#12131B);border:2px solid #22C38E;color:#F2EDE3;box-shadow:var(--sh) var(--sh) 0 var(--yellow);overflow:hidden;transition:transform .2s}
.az-rank-ad:hover{transform:translate(-2px,-2px)}
.az-rank-ad svg.g{position:absolute;right:-8px;bottom:-14px;width:110px;opacity:.95}
.ad-tag2{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8F8B9D}
.ad-title-gold{font-family:var(--disp);font-weight:800;font-size:16px;color:#FFD45E;margin-top:4px}
.ad-desc-muted{font-size:12px;color:#C9C3B6;margin:4px 0 10px;max-width:20ch}
.ad-btn-gold{display:inline-block;font-weight:800;font-size:12.5px;background:#FFC531;color:#0D0E14;padding:6px 12px;border-radius:5px}

/* ---------- sections ---------- */
.az-sec{position:relative;padding:64px 0}
.az-sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}
.az-sec-t{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"no kick" "no h";column-gap:18px;align-items:end;min-width:0}
.az-no{grid-area:no;align-self:end;font-family:var(--disp);font-weight:800;font-size:clamp(54px,6vw,90px);line-height:.78;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--ink);position:relative;padding-right:4px}
.az-no::after{content:"";position:absolute;right:-6px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}
.az-sec-t .az-kick{grid-area:kick;margin-bottom:8px}
.az-sec-t h2{grid-area:h;font-family:var(--disp);font-weight:800;font-size:clamp(26px,3vw,44px);line-height:1.05;letter-spacing:-.03em}
.az-sec-t h2 em{font-style:normal;color:var(--red)}
html[data-theme="dark"] .az-sec-t h2 em{color:var(--yellow)}
.az-sec-note{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:8px;white-space:nowrap}
.az-sec-note::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red)}
.az-sites{background:linear-gradient(180deg,transparent,var(--paper-2) 18%,var(--paper-2) 82%,transparent);border-top:1px solid var(--line)}
.az-sites-top{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:var(--gap);align-items:stretch;margin-bottom:34px}

/* PHP panel */
.az-php{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;background:#15100E;color:#F5F0E8;border:2px solid #FF5A43;border-radius:16px;box-shadow:10px 10px 0 #FF3B2F;overflow:hidden;isolation:isolate}
.az-php::before{content:"";position:absolute;top:0;bottom:0;left:0;width:10px;background:repeating-linear-gradient(180deg,var(--yellow) 0 10px,#15130F 10px 20px);z-index:2}
.az-php-in{position:relative;z-index:1;padding:22px 20px 20px 30px;display:flex;flex-direction:column;justify-content:center;gap:11px;min-width:0}
.az-php-art{grid-column:2;grid-row:1;align-self:center;width:100%;height:auto;padding:8px 14px 8px 0}
.az-needle{transform-box:view-box;transform-origin:130px 170px;transform:rotate(165.6deg)}
.az-php.in .az-needle{animation:azNeedle 2.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes azNeedle{0%{transform:rotate(0deg)}70%{transform:rotate(172deg)}85%{transform:rotate(162deg)}100%{transform:rotate(165.6deg)}}
.az-php-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:#FF3B2F;color:#fff;padding:4px 11px 4px 9px;border-radius:20px}
.az-php-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1s infinite}
.az-php h3{font-family:var(--disp);font-weight:800;font-size:clamp(20px,2vw,27px);line-height:1.15;color:#fff}
.az-php h3 em{font-style:normal;color:#FFD45E}
.az-php-p{font-size:14px;line-height:1.55;color:#D3CBBE;max-width:62ch}
.az-php-cve{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.az-php-cve code{font-family:var(--mono);font-size:11.5px;background:#2A2520;border:1px solid #4A443B;color:#FFD45E;padding:3px 8px;border-radius:4px}
.az-cvss{font-family:var(--mono);font-size:11px;background:#FF3B2F;color:#fff;padding:3px 8px;border-radius:4px}
.az-php-ver{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.az-php-ver small{width:100%;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#B5AC9E}
.az-php-ver b{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:500;font-size:13px;background:#0E2A21;border:1.5px solid #27C091;color:#55D7AA;padding:3px 9px 3px 7px;border-radius:20px}
.az-php-ver b::before{content:"✓";font-size:11px}
.az-php-old{font-size:12px;color:#FF8C7C}
.az-php-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.az-php-steps li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.3;background:#211B17;border:1px solid #3A352E;padding:7px 8px;border-radius:6px}
.az-php-steps i{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#14120F;font:500 10px var(--mono);font-style:normal}
.az-php-steps li:nth-child(2) i{background:var(--cyan);border-radius:3px}
.az-php-steps li:nth-child(3) i{background:var(--pink);border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:5px}
.az-php-steps li:nth-child(4) i{background:#27C091}
.az-php-price{font-size:13.5px;color:#D3CBBE}
.az-php-price b{font-family:var(--disp);font-weight:800;font-size:20px;color:#fff}
.az-php-cta{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.az-php .btn{background:var(--yellow);color:#14120F;border-color:var(--yellow);--c:#FF3B2F}
.az-php .btn:hover{background:#fff;border-color:#fff}
.az-php .btn.ghost{background:transparent;color:#F5F0E8;border-color:#F5F0E8;--c:#5B7CFF}
.az-php .btn.ghost:hover{background:#F5F0E8;color:#14120F}
.az-php .az-more-info{color:#F5F0E8;--c:#FFC531}
.az-php-foot{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:11px;padding-top:10px;border-top:1px dashed #3A352E}
.az-php-foot a,.az-php-foot button{color:#B5AC9E;text-decoration:underline;text-underline-offset:3px;background:none;border:0;font:inherit;padding:0}
.az-php-foot a:hover,.az-php-foot button:hover{color:#FFD45E}

/* check console */
.az-check{position:relative;display:flex;flex-direction:column;gap:9px;padding:18px;background:var(--card);border:2px solid var(--frame);border-radius:16px;box-shadow:var(--sh) var(--sh) 0 var(--green);min-width:0}
.az-check-h{display:flex;align-items:center;gap:12px}
.az-check-art{width:50px;height:50px;flex:none}
.az-check h3{font-family:var(--disp);font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:1.2}
.az-check h3 em{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;background:var(--green);color:#fff;padding:3px 8px;border-radius:20px;white-space:nowrap}
.az-step{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
.az-step i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);font-style:normal;font-size:10px;letter-spacing:0}
.az-check-in{position:relative}
.az-check-in svg{position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--green-t);pointer-events:none}
.az-check-in input{padding:12px 13px 12px 40px;border:2px solid var(--frame);font-weight:700;font-size:15px}
.az-check-in input:focus{border-color:var(--green);box-shadow:3px 3px 0 var(--green)}
.az-check.bad .az-check-in input{border-color:var(--red)}
.az-check-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.az-check-modes button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;text-align:left;padding:9px 10px;border:2px solid var(--frame);background:var(--card-2);border-radius:10px;transition:transform .15s,box-shadow .15s,background .2s;min-width:0}
.az-check-modes button svg{grid-row:1/3;width:30px;height:30px;padding:5px;border-radius:50%;background:var(--c);color:#14120F;border:1.5px solid var(--frame)}
.az-check-modes b{font-size:13px;font-weight:800;line-height:1.2}
.az-check-modes small{font-family:var(--mono);font-size:9.5px;color:var(--text3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-check-modes button:hover,.az-check-modes button.pick{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--c);background:var(--card)}
.az-check-modes button.pick{outline:2px solid var(--c);outline-offset:2px}
.az-check-all{border:2px dashed var(--frame);background:transparent;font-weight:800;font-size:13px;padding:9px;border-radius:10px;transition:background .2s,color .2s}
.az-check-all:hover{background:var(--ink);color:var(--bg);border-style:solid}
.az-check-err{font-size:12.5px;color:var(--red-t)}
.az-check-err:empty{display:none}
.az-instant{display:flex;flex-direction:column;gap:7px;padding:11px 12px;border-radius:12px;background:var(--surface2);border:1.5px dashed var(--border2)}
.az-instant-h{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
.az-instant-h b{font-family:var(--disp);font-size:11px;letter-spacing:0;text-transform:none;color:var(--text)}
.az-instant-h b span{color:var(--red)}
.az-instant-row{display:flex;flex-wrap:wrap;gap:6px}
.az-instant-row button{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:5px 10px;border-radius:20px;border:1.5px solid var(--border2);background:var(--card);transition:border-color .2s,transform .15s,box-shadow .15s}
.az-instant-row button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.az-instant-row button:nth-child(2n)::before{border-radius:1px}
.az-instant-row button:hover{border-color:var(--frame);transform:translateY(-2px);box-shadow:2px 3px 0 var(--c)}
.az-ck-demo{margin-top:auto;display:grid;gap:6px;padding:11px 12px;border:1.5px dashed var(--line);border-radius:12px}
.az-ck-demo-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}
.az-ck-demo-h b{font-family:var(--disp);font-size:12.5px;letter-spacing:0;background:var(--yellow);color:#14120F;padding:2px 8px;border-radius:4px}
.az-ck-bar{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) 2em;gap:10px;align-items:center;font-size:12px;font-weight:700}
.az-ck-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-ck-bar i{height:8px;background:var(--line);position:relative;overflow:hidden;border-radius:4px}
.az-ck-bar i::after{content:"";position:absolute;inset:0;background:var(--c);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1) .3s;border-radius:4px}
.az-check.in .az-ck-bar i::after,.no-io .az-ck-bar i::after{transform:scaleX(var(--v))}
.az-ck-bar b{font-family:var(--mono);font-size:12px;text-align:right}
.az-check-note{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--text3)}

/* Administrator.Ru */
.az-adm{margin-bottom:34px}
.az-adm-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 18px;margin-bottom:16px;background:var(--adm-night);color:#EFE7D6;border:2px solid var(--adm-gold);border-radius:14px;box-shadow:6px 6px 0 var(--adm-teal)}
.az-adm-brand{display:flex;align-items:center;gap:9px}
.az-adm-brand svg{width:44px;height:44px}
.az-adm-brand span{font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.06em;white-space:nowrap}
.az-adm-brand em{font-style:normal;color:var(--adm-verm)}
.az-adm-t h3{font-family:var(--disp);font-weight:700;font-size:clamp(16px,1.6vw,20px);line-height:1.25;color:#fff}
.az-adm-t h3 em{font-style:normal;color:var(--adm-gold)}
.az-adm-t p{font-size:13px;color:#A9A291;margin-top:3px;line-height:1.45}
.az-adm-go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;background:var(--adm-gold);color:#10151D;padding:9px 14px;border-radius:8px;white-space:nowrap;transition:transform .15s,background .2s}
.az-adm-go svg{width:15px;height:15px}
.az-adm-go:hover{background:#E7C67B;transform:translateY(-2px)}
.az-adm-grid{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:14px}
.az-sos{grid-row:1/3;position:relative;display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:14px;border:2px solid #0C1118;background:radial-gradient(circle at calc(100% - 10px) -10px,rgba(244,194,58,.6) 0 56px,transparent 57px),linear-gradient(150deg,#D9F3EC 0%,#EAF7F0 52%,#FFF3D6 100%);color:#0C1118;box-shadow:6px 6px 0 var(--adm-verm);overflow:hidden}
.az-sos::after{content:"";position:absolute;right:-26px;bottom:-26px;width:90px;height:90px;border-radius:50%;border:2px solid rgba(43,179,172,.55);pointer-events:none}
.az-sos-k{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#0B6B66}
.az-sos-k svg{width:18px;height:18px}
.az-sos-x{transform-box:fill-box;transform-origin:center;animation:azBeat 2.4s ease-in-out infinite}
@keyframes azBeat{0%,20%,40%,100%{transform:scale(1)}10%,30%{transform:scale(1.2)}}
.az-sos h4{font-family:var(--disp);font-weight:700;font-size:18px;line-height:1.2}
.az-sos p{font-size:13px;line-height:1.45;color:rgba(12,17,24,.75)}
.az-ecg{width:100%;height:44px;border-radius:8px;background:#08121B}
.az-ecg .bg{fill:none;stroke:rgba(43,179,172,.28);stroke-width:1.4;stroke-linejoin:round}
.az-ecg .ln{fill:none;stroke:#2BB3AC;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:26 74;animation:azEcg 1.8s linear infinite;filter:drop-shadow(0 0 2px rgba(43,179,172,.9))}
@keyframes azEcg{from{stroke-dashoffset:26}to{stroke-dashoffset:-74}}
.az-sos-act{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;position:relative;z-index:2}
.az-sos-go{display:inline-flex;align-items:center;gap:7px;background:var(--adm-verm);color:#0C1118;font-weight:800;font-size:13.5px;padding:8px 13px;border-radius:7px;transition:transform .15s}
.az-sos-go svg{width:15px;height:15px}
.az-sos-go:hover{transform:translateX(3px)}
.az-sos-tel{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12.5px;color:#0C1118;white-space:nowrap}
.az-sos-tel svg{width:14px;height:14px;color:#0B6B66}
.az-sos .az-more-info{color:#0C1118;--c:#0B6B66}
.az-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.az-tile{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px 14px 11px;border-radius:14px;background:var(--c);color:#0C1118;border:2px solid #0C1118;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}
.az-tile::after{content:"";position:absolute;z-index:0;right:-16px;bottom:-20px;width:62px;height:62px;border-radius:50%;border:2px solid rgba(12,17,24,.22);pointer-events:none}
.az-tile:nth-child(3)::after{border:0;border-radius:0;width:40px;height:36px;right:-6px;bottom:-6px;background:rgba(12,17,24,.14);clip-path:polygon(50% 0,100% 100%,0 100%)}
.az-tile:nth-child(4)::after{border:0;background:rgba(255,255,255,.3)}
.az-tile:nth-child(5)::after{border-radius:8px;transform:rotate(22deg)}
.az-tile:nth-child(6)::after{border:0;border-radius:60px 60px 0 0;height:30px;bottom:0;background:rgba(12,17,24,.13)}
.az-tile:nth-child(7)::after{border:0;background:repeating-linear-gradient(45deg,rgba(12,17,24,.16) 0 4px,transparent 4px 8px);border-radius:0}
.az-tile:hover{transform:translate(-2px,-3px);box-shadow:5px 6px 0 var(--ink)}
.az-tile-i{position:relative;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:2px solid #0C1118;background:rgba(255,255,255,.4)}
.az-tile-i svg{width:17px;height:17px}
.az-tile h4{position:relative;font-family:var(--disp);font-weight:700;font-size:15px;line-height:1.2;margin-top:3px}
.az-tile p{position:relative;font-size:12px;line-height:1.35;color:rgba(12,17,24,.78)}
.az-tile-f{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:6px}
.az-price{font-family:var(--mono);font-size:11px;background:rgba(12,17,24,.85);color:#fff;padding:2px 7px;border-radius:4px;white-space:nowrap}
.az-tile .az-more-info{color:#0C1118;--c:#0C1118;font-size:11.5px}

/* Rank.Ru + TOP.ONE.RU */
.az-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.az-pc{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center;padding:18px;background:var(--card);border:2px solid var(--frame);border-radius:16px;box-shadow:var(--sh) var(--sh) 0 var(--c);min-width:0}
.az-pc-art{width:100%;height:auto}
.az-rk-needle{transform-box:view-box;transform-origin:100px 118px;animation:azRk 5s cubic-bezier(.4,0,.2,1) infinite alternate}
@keyframes azRk{0%{transform:rotate(18deg)}60%{transform:rotate(150deg)}100%{transform:rotate(168deg)}}
.az-bars rect{transform-box:fill-box;transform-origin:50% 100%;animation:azGrow 3.2s ease-in-out infinite alternate}
.az-bars .b2{animation-delay:-1s}.az-bars .b3{animation-delay:-2s}
@keyframes azGrow{0%{transform:scaleY(.62)}100%{transform:scaleY(1)}}
.az-crown{transform-box:fill-box;transform-origin:center;animation:drift 4s ease-in-out infinite}
.f-ink{fill:var(--ink)}.s-ink{stroke:var(--ink)}
.az-pc-tx{display:flex;flex-direction:column;gap:8px;min-width:0}
.az-pc-k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}
.az-pc-k svg{width:26px;height:26px}
.az-pc-k b{font-family:var(--disp);font-weight:800;font-size:14px;letter-spacing:0;text-transform:none;color:var(--text)}
.az-pc h3{font-family:var(--disp);font-weight:700;font-size:clamp(17px,1.6vw,21px);line-height:1.2}
.az-pc h3 em{font-style:normal;color:var(--green-t)}
.az-topc h3 em{color:var(--blue-t)}
.az-pc-list{list-style:none;display:flex;flex-direction:column;gap:4px}
.az-pc-list li{position:relative;font-size:13px;line-height:1.4;color:var(--text2);padding-left:18px}
.az-pc-list li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--c);border:1.5px solid var(--frame)}
.az-pc-list li:nth-child(2)::before{border-radius:50%}
.az-pc-list li:nth-child(3)::before{transform:rotate(45deg) scale(.85)}
.az-pc-cta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:4px}
.az-free{position:absolute;top:-12px;right:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--c);color:#14120F;border:2px solid var(--frame);padding:3px 10px;border-radius:20px;transform:rotate(3deg)}

/* ecosystem */
.az-eco{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.az-etile{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1.5px solid var(--border2);border-radius:14px;background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}
.az-etile:hover{transform:translate(-2px,-2px);border-color:var(--frame);box-shadow:4px 4px 0 var(--c)}
.az-etile .ei{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--c);color:#0D0E14;font:800 12px var(--disp);border:1.5px solid var(--frame)}
.az-etile .ei.sq{border-radius:10px}.az-etile .ei.lf{border-radius:4px 20px}.az-etile .ei.tr{border:0;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:12px;font-size:10px}
.az-etile b{display:block;font-family:var(--disp);font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-etile span{display:block;font-size:11.5px;color:var(--text3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.az-etile.hl{background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--c) 18%,var(--surface)))}

/* CTA band */
.az-cta{position:relative;margin:0 auto;max-width:var(--wrap);padding:0 24px 64px}
.az-cta-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px 32px;border-radius:22px;background:#0A0B10;color:#F2EDE3;border:2px solid #353A50;overflow:hidden;box-shadow:10px 10px 0 var(--violet)}
.az-cta-in svg.bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
.az-cta-in>*{position:relative}
.az-cta h2{font-family:var(--disp);font-weight:800;font-size:clamp(22px,2.4vw,34px);line-height:1.1;letter-spacing:-.02em}
.az-cta h2 em{font-style:normal;color:var(--yellow)}
.az-cta p{color:#C9C3B6;margin-top:8px;font-size:14.5px;max-width:60ch}
.az-cta-act{display:flex;flex-wrap:wrap;gap:12px}
.az-cta .btn{background:var(--yellow);color:#0D0E14;border-color:var(--yellow)}
.az-cta .btn.ghost{background:transparent;color:#F2EDE3;border-color:#F2EDE3;--c:var(--blue)}

/* ---------- footer ---------- */
#footer{background:#0A0B10;color:#C9C3B6;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--red) 0 20%,var(--yellow) 20% 40%,var(--teal) 40% 60%,var(--blue) 60% 80%,var(--violet) 80%) 1}
.footer-inner{max-width:var(--wrap);margin:0 auto;padding:40px 24px 24px;display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1.2fr;gap:28px}
.fl{font-family:var(--disp);font-weight:800;font-size:22px;color:#F2EDE3}
.fl span{color:var(--red)}
.footer-brand p{font-size:13px;line-height:1.55;margin-top:8px}
.f-tel{font-family:var(--mono);font-size:12px;color:#FFD45E;margin-top:10px;display:inline-block}
.footer-col h5{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#8F8B9D;margin-bottom:12px}
.footer-col a{display:block;font-size:13px;padding:3px 0;color:#C9C3B6;transition:color .2s}
.footer-col a:hover{color:#FFD45E}
.footer-col .two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.footer-bottom{max-width:var(--wrap);margin:0 auto;padding:14px 24px 26px;border-top:1px solid #20232F;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11.5px;color:#7E7A8A}
.footer-bottom a{color:#9A96A6}
.footer-bottom a:hover{color:#F2EDE3}
.footer-badges{display:flex;gap:6px}
.fbadge{font-family:var(--mono);font-size:10px;padding:2px 7px;border:1px solid #353A50;border-radius:4px;color:#9A96A6}

/* ---------- modals & widgets (driven by portal.js) ---------- */
.az-modal{position:fixed;inset:0;z-index:10000;background:rgba(5,6,10,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:16px}
.az-modal-box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:2px solid var(--frame);border-radius:20px;box-shadow:10px 10px 0 var(--c,var(--violet)),0 30px 60px rgba(0,0,0,.45);overflow:hidden;animation:modalIn .35s cubic-bezier(.1,.9,.2,1)}
@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.az-modal-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#0A0B10;color:#F2EDE3;border-bottom:2px solid var(--c,var(--violet))}
.az-modal-h .t{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:15px}
.az-modal-h .t small{display:block;font-family:var(--body);font-weight:500;font-size:11px;color:#8F8B9D}
.az-modal-h .mk{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--violet));color:#0D0E14;font:800 12px var(--disp)}
.az-x{width:32px;height:32px;border-radius:50%;border:1.5px solid #3A3F55;background:transparent;color:#F2EDE3;font-size:18px;line-height:1;display:grid;place-items:center;flex:none;transition:background .2s,border-color .2s}
.az-x:hover{background:var(--red);border-color:var(--red)}
.az-modal-b{padding:18px;overflow:auto}
#svcModalControls{display:flex;gap:8px;margin-bottom:14px}
#svcInput{font-family:var(--mono);font-size:13px}
#svcBtn{flex:none;border:2px solid var(--frame);border-radius:10px;background:var(--yellow);color:#0D0E14;font-weight:800;font-size:13.5px;padding:0 16px;transition:transform .15s,box-shadow .15s}
#svcBtn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--red)}
#svcResult{background:var(--field);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--text2);min-height:110px;max-height:52vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
.az-svc-hint{margin-top:10px;font-size:12px;color:var(--text3)}
.az-svc-hint a,.az-svc-hint button{color:var(--accent);font-weight:700;background:none;border:0;padding:0;text-decoration:underline}
.cf-label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}
.cf-input{font-size:13.5px}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.cf-row{margin-bottom:10px}
.cf-captcha-image{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 8px;min-height:64px}
.cf-captcha-image img{display:block;max-width:100%;border:1px solid var(--border);border-radius:8px;background:#f8f8f8}
.cf-captcha-image img[hidden]{display:none}
#cfCaptchaRefresh{background:none;border:0;padding:8px 0;color:var(--accent);font-size:12px;text-decoration:underline}
#cfCaptchaRefresh:disabled{opacity:.6}
#cfCaptchaStatus{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--text3)}
.cf-captcha-help{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--text3)}
.cf-captcha-help a{color:var(--accent);text-decoration:underline}
.data-consent{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--text3);line-height:1.45;margin:8px 0 12px;cursor:pointer}
.data-consent input{width:16px;height:16px;flex:none;margin-top:1px;accent-color:var(--green);padding:0}
.data-consent a{text-decoration:underline;color:var(--text2)}
.data-consent.consent-required{color:var(--red-t);animation:shake .4s}
.data-consent.consent-required input{outline:2px solid var(--red);outline-offset:2px}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
#contactBtn,.az-submit{width:100%;border:2px solid var(--frame);border-radius:12px;background:var(--yellow);color:#0D0E14;font-weight:800;font-size:14px;padding:12px;box-shadow:5px 5px 0 var(--red);transition:transform .15s,box-shadow .15s}
#contactBtn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--red)}
#contactBtn:disabled{opacity:.6;transform:none}
#contactSuccess{text-align:center;padding:16px 0}
.az-ok{width:84px;height:84px;margin:0 auto 12px}
#contactSuccess .t1{font-family:var(--disp);font-weight:700;font-size:17px}
#contactSuccess .t2{font-size:13px;color:var(--text3);margin-top:6px}
#contactSuccess button{margin-top:16px}
#contactError{color:var(--red-t);font-size:12px;margin-bottom:10px}
.az-modal.ai .az-modal-box{max-width:720px;height:min(84vh,800px)}
#aiChatLog{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.ai-greet,.ai-msg-bot{align-self:flex-start;max-width:86%;background:var(--surface2);border:1.5px solid var(--border);border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.ai-msg-user{align-self:flex-end;max-width:86%;background:var(--blue);color:#fff;border-radius:16px 16px 4px 16px;padding:11px 14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap}
.ai-msg-bot.err{border-color:var(--red);color:var(--red-t)}
.az-ai-foot{padding:12px 16px 14px;border-top:1.5px solid var(--border);background:var(--surface)}
.az-ai-bar{display:flex;gap:8px;align-items:center;background:var(--field);border:1.5px solid var(--border2);border-radius:14px;padding:6px 6px 6px 12px}
.az-ai-bar input{border:0;background:transparent;padding:6px 2px;box-shadow:none!important}
#aiChatSend,#chatSend{flex:none;width:38px;height:38px;border-radius:10px;border:0;background:linear-gradient(120deg,var(--violet),var(--blue));color:#fff;display:grid;place-items:center;transition:filter .2s}
#aiChatSend:disabled,#chatSend:disabled{opacity:.5}
#chatSend svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.assistant-brand{font-size:10.5px;color:var(--text3);text-align:center}
.assistant-brand a{color:var(--text2);text-decoration:underline}
.az-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.az-chips button{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;border:1.5px solid var(--border2);background:var(--surface);color:var(--text2);transition:border-color .2s,color .2s}
.az-chips button:hover{border-color:var(--c,var(--accent));color:var(--text)}
.az-chips button:nth-child(1){--c:var(--red)}.az-chips button:nth-child(2){--c:var(--green)}.az-chips button:nth-child(3){--c:var(--yellow)}.az-chips button:nth-child(4){--c:var(--violet)}

/* floating chat */
#floatBtns{position:fixed;bottom:22px;left:20px;z-index:9990;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.az-float{display:inline-flex;align-items:center;gap:8px;border:2px solid #0D0E14;border-radius:40px;background:var(--yellow);color:#0D0E14;font-weight:800;font-size:13px;padding:10px 16px;box-shadow:4px 4px 0 var(--red);transition:transform .15s,box-shadow .15s;white-space:nowrap}
.az-float svg{width:16px;height:16px}
.az-float:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--red)}
#chatBtn{position:fixed;right:22px;bottom:22px;z-index:9991;width:60px;height:60px;border-radius:50%;border:2px solid #0D0E14;background:conic-gradient(from 210deg,var(--blue) 0 34%,var(--red) 0 58%,var(--yellow) 0 80%,var(--teal) 0);box-shadow:4px 4px 0 #0D0E14;display:grid;place-items:center;transition:transform .2s}
#chatBtn::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0D0E14}
#chatBtn svg{position:relative;width:24px;height:24px;fill:none;stroke:#F2EDE3;stroke-width:2;stroke-linejoin:round}
#chatBtn::after{content:"";position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--green);border:2px solid #0D0E14}
#chatBtn:hover{transform:rotate(-12deg) scale(1.05)}
#chatWin{position:fixed;right:22px;bottom:94px;z-index:9992;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 130px));display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:2px solid var(--frame);border-radius:20px;box-shadow:8px 8px 0 var(--blue),0 30px 60px rgba(0,0,0,.45);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s}
#chatWin.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
#chatHdr{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0A0B10;color:#F2EDE3;border-bottom:2px solid var(--blue)}
.ch-logo{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 12px var(--disp);color:#0D0E14;background:conic-gradient(from 210deg,var(--blue) 0 34%,var(--red) 0 58%,var(--yellow) 0 80%,var(--teal) 0)}
.ch-info{flex:1;min-width:0}
.ch-name{font-weight:800;font-size:14px}
.ch-sub{font-size:11px;color:#8F8B9D;display:flex;align-items:center;gap:6px}
.ch-sub::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
#chatHdr>button{width:30px;height:30px;border-radius:50%;border:1.5px solid #3A3F55;background:transparent;color:#F2EDE3;font-size:18px;line-height:1}
#chatHdr>button:hover{background:var(--red);border-color:var(--red)}
#chatMsgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cmsg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.cmsg.bot{align-self:flex-start;background:var(--surface2);border:1.5px solid var(--border);border-bottom-left-radius:4px}
.cmsg.user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.cmsg.err{align-self:flex-start;background:transparent;border:1.5px solid var(--red);color:var(--red-t)}
.cmsg .ct{font-size:9.5px;opacity:.6;margin-top:3px;font-family:var(--mono)}
.cmsg.typing{display:flex;gap:4px;padding:12px 14px}
.cmsg.typing span{width:7px;height:7px;border-radius:50%;background:var(--text3);animation:blink 1s infinite}
.cmsg.typing span:nth-child(2){animation-delay:.2s}.cmsg.typing span:nth-child(3){animation-delay:.4s}
#chatFoot{padding:10px 12px 10px;border-top:1.5px solid var(--border)}
#chatBar{display:flex;gap:8px;align-items:flex-end;background:var(--field);border:1.5px solid var(--border2);border-radius:14px;padding:6px 6px 6px 12px}
#chatIn{border:0;background:transparent;resize:none;padding:7px 2px;font-size:13.5px;max-height:80px;box-shadow:none!important;line-height:1.4}
#chatFoot .data-consent{margin:7px 0 2px;font-size:11px}
#chatUsage{font-family:var(--mono);font-size:10px;color:var(--text3);text-align:center}
#chatUsage:empty{display:none}

/* cookie notice */
#cookieNotice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9995;width:min(720px,calc(100vw - 32px));align-items:center;gap:14px;padding:14px 16px;background:#0A0B10;color:#F2EDE3;border:2px solid #353A50;border-radius:16px;box-shadow:6px 6px 0 var(--yellow);font-size:13px;line-height:1.45}
#cookieNotice a{color:#FFD45E;text-decoration:underline}
.cookie-actions{display:flex;gap:8px;flex:none}
.cookie-actions button{border:2px solid #F2EDE3;border-radius:30px;background:transparent;color:#F2EDE3;font-weight:800;font-size:12.5px;padding:7px 13px;white-space:nowrap}
.cookie-actions button:first-child{background:var(--yellow);border-color:var(--yellow);color:#0D0E14}

/* info dialog (new popups) */
.az-dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:min(560px,calc(100vw - 24px));width:100%;margin:auto;overflow:visible}
.az-dialog::backdrop{background:rgba(5,6,10,.66);backdrop-filter:blur(8px)}
.az-dialog[open]{animation:modalIn .35s cubic-bezier(.1,.9,.2,1)}
.az-dialog .az-modal-box{max-width:none;max-height:calc(100vh - 40px)}
.az-info-what{font-size:14.5px;line-height:1.55}
.az-info-why{margin-top:10px;padding:10px 12px;border-left:4px solid var(--c);background:var(--surface2);border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.5;color:var(--text2)}
.az-info-why b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:3px;font-weight:500}
.az-info-h{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin:14px 0 8px}
.az-info-pts{list-style:none;display:flex;flex-direction:column;gap:6px}
.az-info-pts li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.45}
.az-info-pts li::before{content:"";position:absolute;left:2px;top:.42em;width:10px;height:10px;background:var(--c);border:1.5px solid var(--frame);border-radius:50%}
.az-info-pts li:nth-child(2n)::before{border-radius:0;transform:rotate(45deg) scale(.85)}
.az-info-meta{margin-top:12px;font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--text2);padding:9px 11px;border:1.5px dashed var(--border2);border-radius:10px}
.az-info-meta:empty{display:none}
.az-info-act{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:16px}

/* reveal */
.rv{opacity:1}
.js .rv:not(.in){opacity:0;transform:translateY(16px)}
.js .rv.in{animation:rise .7s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}

/* ---------- responsive ---------- */
@media (max-width:1360px){.h-phone{display:none}}
@media (max-width:1280px){
  #main{grid-template-columns:270px minmax(0,1fr) 280px}
  .az-hero-grid{grid-template-columns:minmax(0,1fr) 380px}
  .az-hero-main{grid-template-columns:minmax(0,1fr) 210px}
  .az-art{width:210px;height:190px}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .az-eco{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1180px){
  .h-nav{display:none}
  .az-burger{display:block}
  .az-hero-grid{grid-template-columns:1fr}
  .az-deals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:start}
  .az-deals>*{grid-column:1}
  .az-deals-form,.az-deals-types,.az-deals-trust,.az-deals-biz{grid-column:2}
  .az-deals-form{grid-row:1/3}.az-deals-types{grid-row:3}.az-deals-trust{grid-row:4/6}.az-deals-biz{grid-row:6/8;margin-top:0}
  .az-deals-art{right:auto;left:calc(50% - 160px)}
  #main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #left,#center,#right{display:contents}
  #weatherPanel{order:1}
  #section-markets{order:2}
  #section-news{order:3;grid-column:1/-1}
  #section-utils{order:4;grid-column:1/-1}
  .az-newsleft{order:5}
  .az-conv{order:6}
  .az-quick{order:7}
  #section-ratings{order:8}
  .az-top100{order:9}
  .az-rank-ad{order:10}
  .svc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .az-sites-top{grid-template-columns:1fr}
  .az-adm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-sos{grid-row:auto;grid-column:1/-1}
  .az-duo{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .az-deals{display:flex}
  .az-deals-art{left:auto;right:-18px}
  .az-adm-h{grid-template-columns:auto minmax(0,1fr)}
  .az-adm-go{grid-column:1/-1;justify-self:start}
  .az-eco{grid-template-columns:repeat(3,minmax(0,1fr))}
  .az-cta-in{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  :root{--hdr:58px;--gap:16px}
  .wrap,.header-in{padding:0 16px}
  .h-search{display:none}
  .az-login>summary span{display:none}
  .az-login>summary{padding:8px 10px}
  .az-login-pop{position:fixed;left:12px;right:12px;top:calc(var(--hdr) + 8px);width:auto}
  .az-theme #themeIco{display:none}
  .logo{font-size:18px}.logo .logo-mark{width:34px;height:34px}
  .ticker-badge{padding-left:16px}
  .az-alert-in{flex-wrap:wrap;padding:8px 14px 8px 28px;gap:8px 10px}
  .az-alert-tx{font-size:12.5px;flex-basis:100%;order:3}
  .az-alert-act{order:4;width:100%;justify-content:space-between}
  .az-hero{padding:18px 0}
  .az-hero-main{grid-template-columns:minmax(0,1fr) 104px;grid-template-areas:"tx tx" "sp sp" "st st"}
  .az-art{position:absolute;right:-6px;top:-6px;width:110px;height:100px}
  .az-hero-tx .az-kick,.portal-heading{padding-right:96px}
  .portal-heading{font-size:clamp(26px,8vw,34px)}
  .sp-logo{display:none}
  .sp-bar button span{display:none}
  .eco-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-deals{padding:14px}
  .az-deals-art{width:132px;right:-16px}
  .az-deals-top,.az-deals-k{padding-right:88px}
  .az-deals h2{padding-right:60px}
  .az-deals-form{grid-template-columns:1fr}
  #main{grid-template-columns:1fr;padding:4px 16px 32px}
  #section-news,#section-utils{grid-column:auto}
  .news-cols{grid-template-columns:1fr}
  .news-cols>div+div{border-left:0;border-top:1.5px solid var(--border)}
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc-card{grid-template-columns:34px minmax(0,1fr);padding:9px 10px;column-gap:9px}
  .svc-card .sc-ico{width:34px;height:34px}
  .sc-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .sc-tag,.sc-num{display:none}
  .az-sec{padding:48px 0}
  .az-sec-h{flex-direction:column;align-items:flex-start;gap:10px}
  .az-sec-t{column-gap:12px}
  .az-no{font-size:52px;-webkit-text-stroke-width:1.5px}
  .az-php{grid-template-columns:1fr;box-shadow:6px 6px 0 #FF3B2F}
  .az-php-art{grid-column:1;grid-row:1;width:200px;justify-self:center;padding:14px 0 0}
  .az-php-in{padding:12px 16px 18px 24px}
  .az-php-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-php-cta .btn{width:100%}
  .az-check-modes{grid-template-columns:1fr}
  .az-adm-h{grid-template-columns:1fr;gap:10px}
  .az-adm-grid{gap:10px}
  .az-tile{padding:11px 11px 9px}
  .az-tile h4{font-size:13.5px}.az-tile p{font-size:11.5px}
  .az-tile-f{flex-direction:column;align-items:flex-start;gap:4px}
  .az-price{white-space:normal;font-size:9.5px}
  .az-pc{grid-template-columns:1fr;padding:18px 16px 16px}
  .az-pc-art{width:150px;justify-self:center}
  .az-eco{grid-template-columns:1fr 1fr;gap:8px}
  .az-etile{grid-template-columns:32px minmax(0,1fr);padding:9px 10px;gap:8px}
  .az-etile .ei{width:32px;height:32px;font-size:10px}
  .az-cta{padding:0 16px 48px}
  .az-cta-in{padding:22px 18px;box-shadow:6px 6px 0 var(--violet)}
  .footer-inner{grid-template-columns:1fr;gap:22px;padding:32px 16px 20px}
  .footer-bottom{padding:14px 16px 90px}
  #cookieNotice{flex-direction:column;align-items:stretch;bottom:12px}
  .cookie-actions button{flex:1}
  .az-float span{display:none}
  .az-float{padding:12px}
  .cf-grid{grid-template-columns:1fr}
  #chatWin{right:12px;left:12px;width:auto;bottom:90px}
}
@media (max-width:400px){
  .svc-grid{grid-template-columns:1fr}
  .lead-pills .lp:nth-child(n+3){display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .ticker-inner{animation:none}
  .az-needle{transform:rotate(165.6deg)!important}
  .az-ck-bar i::after{transform:scaleX(var(--v))!important}
  .js .rv:not(.in){opacity:1;transform:none}
}
@media print{#header,.ticker,.az-alert,#floatBtns,#chatBtn,#chatWin,#cookieNotice,.az-bg{display:none!important}body{background:#fff;color:#000}}


/* Integration, accessibility and compact-screen refinements. */
[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:16px;z-index:10001;transform:translateY(-150%);background:var(--yellow);color:#15130f;border:2px solid #15130f;border-radius:8px;padding:10px 16px;font-weight:800}
.skip-link:focus{transform:none}
.auth-tab{border:0;background:transparent}
.az-php-update{display:block;font-size:11px;color:#d3cbbe;line-height:1.5}
.az-modal-box{overscroll-behavior:contain}
.az-modal{overscroll-behavior:contain}
.az-modal-b,#svcResult{overflow-wrap:anywhere}
.az-info-act [hidden]{display:none}
.data-consent a{text-underline-offset:3px}
.theme-toggle{flex:none;padding:0}
#main>*{min-width:0}
html[data-theme="light"] :focus-visible{outline-color:var(--blue-t)}
html[data-theme="light"] #header :focus-visible{outline-color:var(--yellow)}
@media(max-width:400px){.cookie-actions{flex-direction:column}.portal-heading{font-size:26px}.az-etile b{overflow-wrap:anywhere}.az-etile>svg{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv.in{opacity:1!important;transform:none!important}}
.az-sec-note{white-space:normal;max-width:100%}.az-sec-note::before{flex:none}
@media(max-width:480px){.az-deals-top{flex-wrap:wrap;gap:5px 8px;padding-right:72px}.az-deals-logo svg{width:30px;height:30px}.az-deals-logo b{font-size:18px}}
@media(max-width:400px){.az-sec-t{grid-template-columns:minmax(0,1fr);grid-template-areas:"kick" "h"}.az-sec-t .az-no{display:none}.az-alert-act{flex-wrap:wrap}.az-sec-t h2{font-size:25px}}
#header{position:sticky;top:0}html{scroll-padding-top:100px}