html[data-skin="graphite"]{--g-bg:#0f172a;--g-ink:#111827;--g-lime:#c3f53c;--g-line:#e5e7eb;--g-muted:#6b7280}
html[data-skin="graphite"] body{background:#fff;color:var(--g-ink)}
html[data-skin="graphite"] header{background:#111827;padding:14px 26px;border-bottom:0}
html[data-skin="graphite"] header .logo,html[data-skin="graphite"] header a,html[data-skin="graphite"] header button{color:#e5e7eb}
html[data-skin="graphite"] header hr{border-color:#374151}
html[data-skin="graphite"] #weatherbox{gap:0!important;border-bottom:1px solid var(--g-line);padding:0!important;align-items:stretch!important}
html[data-skin="graphite"] #weatherbox .rates{border:0!important;box-shadow:none!important;border-radius:0!important;padding:9px 26px!important;font-variant-numeric:tabular-nums}
html[data-skin="graphite"] #weatherbox .rates .b{font-family:ui-monospace,monospace!important;color:var(--g-ink)!important}
html[data-skin="graphite"] #weatherbox .rates .src{color:#9ca3af!important}
html[data-skin="graphite"] #weatherbox #weather{border:0!important;box-shadow:none!important;border-radius:0!important;padding:9px 26px!important;background:#f3f4f6!important;flex:0 0 auto!important;justify-content:center!important}
html[data-skin="graphite"] #weatherbox #weather .wcity{font-size:12px!important;font-weight:500!important;color:#374151!important}
html[data-skin="graphite"] #weatherbox #weather .wday{display:none!important}
html[data-skin="graphite"] .cta{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:44px 26px 34px!important;margin:0!important}
html[data-skin="graphite"] .cta h1{font-size:44px!important;line-height:1.06!important;letter-spacing:-1.6px!important;font-weight:800!important;margin:0 0 16px!important;max-width:520px}
html[data-skin="graphite"] .cta h1 em,html[data-skin="graphite"] .cta h1 span{font-style:normal;background:linear-gradient(180deg,transparent 62%,var(--g-lime) 62%)}
html[data-skin="graphite"] .lead{font-size:15px!important;color:#4b5563!important;max-width:430px;line-height:1.55!important}
html[data-skin="graphite"] .btns .btn,html[data-skin="graphite"] .cta a,html[data-skin="graphite"] .cta button{border-radius:9px!important;padding:12px 22px!important;font-size:14px!important;font-weight:600!important}
html[data-skin="graphite"] .cta > a:first-of-type,html[data-skin="graphite"] .cta .btn:first-child{background:#111827!important;color:#fff!important;border:0!important}
html[data-skin="graphite"] #mailbox{display:block!important;background:#f9fafb;border:1px solid var(--g-line);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -24px rgba(17,24,39,.28)}
html[data-skin="graphite"] .trust{display:flex!important;gap:10px;flex-wrap:wrap;padding:0 26px 34px}
html[data-skin="graphite"] .trust span{font-size:11px;color:#374151;background:#f3f4f6;border:1px solid var(--g-line);border-radius:999px;padding:5px 11px}
html[data-skin="graphite"] #news{background:#f9fafb!important;border-top:1px solid var(--g-line)!important;padding:26px!important}
html[data-skin="graphite"] #news .news-head h2{font-size:19px!important;letter-spacing:-.4px}
html[data-skin="graphite"] #news-grid{gap:14px!important}
html[data-skin="graphite"] #news-grid .nc{background:transparent!important;border:0!important;padding:0!important}
html[data-skin="graphite"] #news-grid .nc h3{font-size:10.5px!important;letter-spacing:.7px!important;color:#6b7280!important}
html[data-skin="graphite"] #news-grid li{border-top:0!important;padding:9px 10px!important;margin:0 -10px!important;font-size:13.5px!important}
html[data-skin="graphite"] #news-grid li:hover{background:#eef2ff!important}
html[data-skin="graphite"] #news-grid time{font-size:10.5px!important;font-variant-numeric:tabular-nums}
html[data-skin="graphite"] .grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;padding:26px!important;margin:0!important}
html[data-skin="graphite"] .grid > *{border:1px solid var(--g-line)!important;border-radius:10px!important;padding:14px!important}
html[data-skin="graphite"] footer{background:#111827!important;color:#9ca3af!important;padding:26px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px!important;font-size:11.5px!important;border:0!important}
html[data-skin="graphite"] footer b,html[data-skin="graphite"] footer strong{display:block;color:#fff;margin-bottom:7px;font-size:12px}
html[data-skin="graphite"] footer a{color:#9ca3af!important}
html[data-skin="graphite"] .skin-switch button[data-skin-btn="graphite"]{background:var(--g-lime)!important;color:#111827!important;border-color:var(--g-lime)!important}
@media(max-width:900px){
  html[data-skin="graphite"] .cta{grid-template-columns:1fr}
  html[data-skin="graphite"] .grid,html[data-skin="graphite"] footer{grid-template-columns:1fr 1fr!important}
}
.skin-switch{display:flex;gap:6px;margin-left:10px}
.skin-switch button{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer}
html[data-skin="graphite"] .skin-switch button{background:#1f2937;border-color:#374151;color:#d1d5db}
#mailbox{display:none}
#mailbox .mb-top{display:flex;gap:6px;align-items:center;padding:9px 12px;border-bottom:1px solid #e5e7eb;background:#fff}
#mailbox .mb-top i{width:9px;height:9px;border-radius:50%;background:#e5e7eb}
#mailbox .mb-url{margin-left:8px;font-size:11px;color:#6b7280;font-family:ui-monospace,monospace;font-style:normal}
#mailbox .mb-body{padding:10px}
#mailbox .mb-row{display:flex;gap:9px;align-items:center;padding:9px;border-radius:7px;font-size:12px}
#mailbox .mb-row:nth-child(odd){background:#fff}
#mailbox .mb-row b{width:78px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mailbox .mb-row span{color:#6b7280;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#mailbox .mb-row em{margin-left:auto;font-style:normal;font-size:9.5px;background:#ecfccb;color:#3f6212;padding:2px 7px;border-radius:999px;font-weight:600}
html[data-skin="graphite"] .cta h1{grid-column:1;grid-row:1}
html[data-skin="graphite"] .lead{grid-column:1;grid-row:2}
html[data-skin="graphite"] .btns{grid-column:1;grid-row:3}
html[data-skin="graphite"] #mailbox{grid-column:2;grid-row:1/span 3}
.trust{display:none}
html[data-skin="graphite"] body{background:#0f172a!important}
html[data-skin="graphite"] .wrap{background:#fff;box-shadow:0 0 60px -20px rgba(0,0,0,.55)}
html[data-skin="graphite"] .logo-icon{display:none!important}
html[data-skin="graphite"] .logo-text{color:#fff!important;letter-spacing:-.4px}
html[data-skin="graphite"] .logo-text span{color:#c3f53c!important}
html[data-skin="graphite"] .skin-switch{margin-left:14px}
.hr{margin-left:auto}
.skin-switch{display:flex;gap:4px;margin-left:4px}
.skin-switch button{border:0;padding:7px 9px;background:none;cursor:pointer;font:600 12px 'Inter';letter-spacing:.4px;color:#6c757d;border-radius:8px}
.skin-switch button:hover{color:#00AFCA;background:rgba(0,175,202,.1)}
.skin-switch button.on{color:#00AFCA;background:rgba(0,175,202,.12)}
html[data-skin="graphite"] .skin-switch button{color:#d1d5db}
html[data-skin="graphite"] .skin-switch button.on{background:#c3f53c;color:#111827}
html[data-theme="dark"] .skin-switch button{color:#9aa4ae}
html[data-theme="dark"] .skin-switch button.on{color:#00AFCA;background:rgba(0,175,202,.15)}
html[data-skin="graphite"][data-theme="dark"] .wrap{background:#111827}
html[data-skin="graphite"][data-theme="dark"] #news{background:#0b1220!important;border-color:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] #weatherbox{border-color:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] #weather{background:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] .cta h1{color:#f9fafb!important}
html[data-skin="graphite"][data-theme="dark"] .lead{color:#9ca3af!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox{background:#0b1220;border-color:#1f2937}
html[data-skin="graphite"][data-theme="dark"] #news-grid li:hover{background:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] .grid > *{border-color:#1f2937!important;color:#e5e7eb}
html[data-skin="graphite"][data-theme="dark"] .trust span{background:#1f2937;border-color:#374151;color:#d1d5db}
.theme{display:flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;cursor:pointer;position:relative;z-index:2}
.th-ico{font-size:15px;line-height:1;pointer-events:none}
.skin-switch button{font:600 12px 'Inter';letter-spacing:.4px;padding:7px 9px;border-radius:8px;color:#6c757d;background:none;border:0;cursor:pointer}
.skin-switch button:hover{color:#00AFCA;background:rgba(0,175,202,.1)}
.skin-switch button.on{color:#00AFCA;background:rgba(0,175,202,.12)}
html[data-skin="graphite"] .skin-switch button{color:#d1d5db}
html[data-skin="graphite"] .skin-switch button.on{color:#00AFCA;background:rgba(0,175,202,.15)}
html[data-skin="graphite"] .skin-switch button{background:none!important;color:#d1d5db!important}
html[data-skin="graphite"] .skin-switch button.on{background:rgba(0,175,202,.15)!important;color:#00AFCA!important}
#weatherbox #weather{background:transparent!important;box-shadow:none!important;border-radius:0!important}
html[data-skin="graphite"] #weather,html[data-skin="graphite"][data-theme="dark"] #weather{background:transparent!important;border-left:1px solid #e5e7eb;padding:9px 26px!important}
html[data-skin="graphite"] #weather .wcity,html[data-skin="graphite"][data-theme="dark"] #weather .wcity{color:#6b7280!important;font-weight:400!important}
html[data-skin="graphite"][data-theme="dark"] #weather{border-left-color:#1f2937!important}
html[data-skin="graphite"] #weatherbox #weather,html[data-skin="graphite"][data-theme="dark"] #weatherbox #weather{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-left:1px solid #e5e7eb!important;padding:9px 26px!important}
html[data-skin="graphite"][data-theme="dark"] #weatherbox #weather{border-left-color:#1f2937!important}
html[data-skin="graphite"] #weatherbox #weather .wcity,html[data-skin="graphite"][data-theme="dark"] #weatherbox #weather .wcity{color:#6b7280!important;font-weight:400!important;font-size:12px!important}
#news-grid .nc,#news-grid .nc:hover{box-shadow:none!important;background:transparent!important}
html[data-skin="graphite"] #news-grid li:hover,html[data-skin="graphite"][data-theme="dark"] #news-grid li:hover{background:#f1f5f9!important}
html[data-skin="graphite"][data-theme="dark"] #news-grid li:hover{background:#1f2937!important}
html[data-skin="graphite"] footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px 20px!important;grid-template-columns:none!important;padding:18px 26px!important;margin:0 -20px!important;border-radius:0!important}
html[data-skin="graphite"] footer > *{margin:0!important;font-size:12px!important}
html[data-skin="graphite"] footer > *:last-child{margin-left:auto!important;color:#6b7280!important}
html[data-skin="graphite"] footer a{font-size:12px!important}
html[data-skin="graphite"][data-theme="dark"] #weatherbox .rates,
html[data-skin="graphite"][data-theme="dark"] #weatherbox #weather{background:transparent!important}
html[data-skin="graphite"][data-theme="dark"] .btn2,
html[data-skin="graphite"][data-theme="dark"] .cta a.btn2,
html[data-skin="graphite"][data-theme="dark"] .cta .btn2{background:#0b1220!important;border:1px solid #1f2937!important;color:#e5e7eb!important}
html[data-skin="graphite"][data-theme="dark"] .trust span{background:#0b1220!important;border:1px solid #1f2937!important;color:#9ca3af!important}
html[data-skin="graphite"][data-theme="dark"] .btns > *:nth-child(2){background:#0b1220!important;border:1px solid #1f2937!important;color:#e5e7eb!important}
html[data-skin="graphite"][data-theme="dark"] .grid > *{background:#0b1220!important;border:1px solid #1f2937!important}
html[data-skin="graphite"][data-theme="dark"] .grid > * p{color:#9ca3af!important}
html[data-skin="graphite"][data-theme="dark"] #news-grid li a,
html[data-skin="graphite"][data-theme="dark"] #news-grid .nc h3{color:#98a2b3!important}
html[data-skin="graphite"][data-theme="dark"] #news-grid li a:hover{color:#e5e7eb!important}
html[data-skin="graphite"][data-theme="dark"] #news-grid time{color:#64748b!important}
html[data-skin="graphite"][data-theme="dark"] #news .news-head h2{color:#cbd5e1!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox{background:#0b1220!important;border-color:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-top{background:#0b1220!important;border-color:#1f2937!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-row,
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-row:nth-child(odd){background:transparent!important;border-bottom:1px solid #16202f}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-row:last-child{border-bottom:0}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-row b{color:#e5e7eb!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-row span{color:#94a3b8!important}
html[data-skin="graphite"][data-theme="dark"] #mailbox .mb-url{color:#64748b!important}
html[data-skin="graphite"] .cta{padding-top:58px!important;row-gap:0!important;align-items:center!important}
html[data-skin="graphite"] .cta h1{margin-top:0!important;margin-bottom:18px!important}
html[data-skin="graphite"] .lead{margin-bottom:26px!important}
html[data-skin="graphite"] .btns{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
html[data-skin="graphite"] .btns > *{flex:0 0 auto!important;width:auto!important;min-width:150px;justify-content:center;display:inline-flex;align-items:center}
html[data-skin="graphite"] .cta > h1{margin-top:26px!important;margin-bottom:18px!important}
html[data-skin="graphite"] .btns{display:flex!important;gap:10px!important;flex-wrap:wrap!important;grid-column:1!important;grid-row:3!important}
html[data-skin="graphite"] .btns .btn{flex:0 0 auto!important;width:auto!important}
html[data-skin="graphite"] .cta > #mailbox{grid-column:2!important;grid-row:1/span 3!important}
html[data-skin="graphite"] .hero{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:34px!important;align-items:center!important;padding:46px 26px 44px!important}
html[data-skin="graphite"] .hero h1{grid-column:1;grid-row:1;margin:0 0 18px!important;max-width:520px}
html[data-skin="graphite"] .hero .lead{grid-column:1;grid-row:2;margin:0 0 26px!important}
html[data-skin="graphite"] .hero .cta{grid-column:1;grid-row:3;display:flex!important;gap:10px!important;flex-wrap:wrap!important;padding:0!important;margin:0!important}
html[data-skin="graphite"] .hero .btns{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
html[data-skin="graphite"] .hero #mailbox{grid-column:2;grid-row:1/span 3;align-self:center}
.addr{display:flex;gap:10px;flex-wrap:wrap;align-items:center;width:100%;max-width:520px;margin-bottom:14px}
.addr-field{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:9px;padding:0 12px;background:#fff;flex:1 1 240px;min-width:190px;height:44px}
.addr-field input{border:0;outline:0;font-size:14px;flex:1;min-width:0;background:none;font-family:inherit}
.addr-dom{color:#94a3b8;font-size:14px}
.addr-msg{width:100%;font-size:12.5px;margin:0;min-height:16px}
.addr-msg.ok{color:#15803d}
.addr-msg.bad{color:#b91c1c}
.addr-msg .ad{display:block}
.addr-msg .ad.ok{color:#15803d}
.addr-msg .ad.bad{color:#b91c1c}
html[data-skin="graphite"][data-theme="dark"] .addr-field{background:#0b1220;border-color:#1f2937}
html[data-skin="graphite"][data-theme="dark"] .addr-field input{color:#e5e7eb}
html[data-skin="graphite"][data-theme="dark"] .addr-dom{color:#64748b}
html[data-skin="graphite"][data-theme="dark"] .addr-msg.ok{color:#86efac}
html[data-skin="graphite"][data-theme="dark"] .addr-msg.bad{color:#fca5a5}
.addr{max-width:100%!important}
.addr-field{flex:1 1 100%!important}
.addr-cap{font-size:12.5px;color:#6b7280;margin:0 0 6px;font-weight:500}
html[data-skin="graphite"][data-theme="dark"] .addr-cap{color:#94a3b8}
.addr-field input{font-size:15px!important}
.addr-dom{font-size:15px!important}
html[data-skin="graphite"] #mailbox{width:100%!important}
html[data-skin="graphite"] #mailbox .mb-body{padding:16px!important}
html[data-skin="graphite"] #mailbox .mb-row{padding:12px!important;font-size:12.5px!important}
html[data-skin="graphite"] .hero{position:relative}
html[data-skin="graphite"] .hero::after{content:"";position:absolute;right:0;top:20px;width:46%;height:78%;background:radial-gradient(closest-side,rgba(0,175,202,.16),transparent);pointer-events:none;z-index:0}
html[data-skin="graphite"] #mailbox{position:relative;z-index:1}
html[data-skin="graphite"] .hero h1{font-size:37px!important;line-height:1.1!important;max-width:100%!important;overflow-wrap:break-word}
html[data-skin="graphite"] .hero-left{min-width:0!important;width:100%}
html[data-skin="graphite"] .addr{width:100%!important;max-width:100%!important}
html[data-skin="graphite"] .addr-field{width:100%!important;box-sizing:border-box}
html[data-skin="graphite"] #mailbox{height:auto!important;max-height:none!important;overflow:visible!important}
html[data-skin="graphite"] #mailbox .mb-body{height:auto!important;max-height:none!important;overflow:visible!important;padding:10px 16px 16px!important}
html[data-skin="graphite"] #mailbox .mb-row{padding:11px 8px!important}
html[data-skin="graphite"] #mailbox .mb-row b{width:70px!important}
html[data-skin="graphite"] #mailbox .mb-body{display:block!important}
html[data-skin="graphite"] #mailbox .mb-row{display:flex!important;width:100%!important;box-sizing:border-box}
html[data-skin="graphite"] .hero{grid-template-columns:1fr 1fr!important}
html[data-skin="graphite"] .hero-left{max-width:560px}
html[data-skin="graphite"] .btns{display:flex!important;flex-direction:row!important;gap:10px!important;flex-wrap:wrap!important}
html[data-skin="graphite"] .btns .btn{flex:0 0 auto!important;width:auto!important}
html[data-skin="graphite"] .hero .cta{display:block!important;padding:0!important;margin:0!important}
.hero .cta{display:block!important;margin:0!important;padding:0!important}
.hero .addr{display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important}
.hero .addr-field{flex:1 1 100%!important;width:100%!important;box-sizing:border-box}
.hero .addr-cap{margin:0 0 6px!important}
.hero .btns{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;margin:0!important}
#mailbox .mb-body{display:block!important}
#mailbox .mb-row{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;box-sizing:border-box!important}
  border:2px solid #a3e635!important;
  box-shadow:0 0 18px rgba(163,230,53,.55)!important;
  border:2px solid #a3e635!important;
  box-shadow:0 0 18px rgba(163,230,53,.5)!important;
html.no-theme #th{display:none!important}
html.no-skin .skin-switch{display:none!important}