/* ===== ТЕМА «ПЕРВЫЙ ИНТЕРНЕТ (1998)» ===== */
:root{--bg:#000033;--bg-2:#000044;--surface:#FFFFFF;--ink:#000;--ink-soft:#222;--muted:#555;--pink:#FF00FF;--pink-deep:#CC00CC;--yellow:#FFFF00;--teal:#00FFFF;--kraft:#D9A86C;--kraft-dark:#B9884E;--line:#808080;--radius:0;--radius-sm:0;--display:'Times New Roman',Times,serif;--body:Verdana,Geneva,Arial,sans-serif;--shadow:none}
body{background:var(--bg);background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#ccc .8px,transparent 1.2px);background-size:90px 90px,140px 140px;background-position:0 0,45px 60px;font-size:14px;color:#fff}
h1,h2,h3{font-family:var(--display);font-weight:700}
h2{font-size:clamp(1.5rem,3vw,2.2rem);color:var(--yellow);text-align:center;width:100%}
h2::before,h2::after{content:" ★ ";color:var(--pink)}
.wrap{background:transparent}
.site-header{background:#C0C0C0;border-bottom:3px double #000;backdrop-filter:none}.nav ul a{color:#0000EE;text-decoration:underline;font-size:.85rem;font-family:var(--body)}.nav ul a:hover{color:#FF0000}.nav ul a:visited{color:#551A8B}.nav .phone{color:#000;font-family:var(--body)}.logo{color:#000;font-family:var(--display)}.logo b{color:#FF0000}.logo-mark{border-radius:0;transform:none;background:#FFFF00;border:1px solid #000}
.burger span,.burger span::before,.burger span::after{background:#000}@media (max-width:900px){.nav ul{background:#C0C0C0}}
.btn{border-radius:0;font-family:var(--body);font-size:.85rem;padding:8px 16px;border:2px outset #ddd;background:#C0C0C0;color:#000;box-shadow:none;font-weight:700}.btn:active{border-style:inset;transform:none}
.btn-primary{background:#FF00FF;color:#fff;border-color:#ff80ff}.btn-primary:hover{background:#CC00CC}.btn-ghost{background:#C0C0C0;color:#000;border:2px outset #ddd}.btn-ghost:hover{background:#ddd;color:#000}.btn-yellow{background:#FFFF00;color:#000;border:2px outset #ffff80}
.hero-web1{min-height:auto;padding:20px 0 30px}
.w1-marquee{overflow:hidden;white-space:nowrap;background:#000;color:#00FF00;font-family:'Courier New',monospace;font-size:.85rem;padding:6px 0;border:1px solid #00FF00;margin-bottom:14px}.w1-marquee span{display:inline-block;padding-left:100%;animation:w1m 28s linear infinite}@keyframes w1m{to{transform:translateX(-100%)}}
.w1-table{width:100%;table-layout:fixed;border:3px ridge #C0C0C0;background:#FFFFFF;color:#000}.w1-table td{vertical-align:top;padding:16px;border:1px solid #808080}
.w1-side{width:190px;background:#E8E8FF}.w1-right{width:150px;background:#FFF8DC;text-align:center}
@media (max-width:820px){.w1-side,.w1-right{display:none}}
.w1-box{border:2px groove #C0C0C0;padding:8px;margin-bottom:12px;font-size:.8rem}.w1-box b{display:block;background:#000080;color:#fff;padding:3px 6px;margin:-8px -8px 8px;font-family:var(--body)}.w1-box a{display:block;color:#0000EE;margin:4px 0}.w1-box a:hover{color:#FF0000}
.w1-counter span{display:block;background:#000;color:#0F0;font-family:'Courier New',monospace;font-size:1.2rem;letter-spacing:.2em;text-align:center;padding:4px;border:2px inset #808080}
.w1-award{display:block;background:linear-gradient(#FFD700,#B8860B);color:#000;font-style:normal;font-size:.7rem;font-weight:700;text-align:center;padding:4px;margin:4px 0;border:1px solid #806000;font-family:var(--display)}
.w1-main{position:relative}.w1-new{position:absolute;right:16px;top:12px;background:#FF0000;color:#FFFF00;font-weight:900;font-family:var(--display);padding:4px 10px;transform:rotate(12deg);animation:blink .8s steps(2) infinite;border:2px solid #FFFF00}
@keyframes blink{50%{opacity:0}}
.w1-main h1{font-family:var(--display);font-size:clamp(2rem,4.5vw,3.4rem);color:#000080;margin:12px 0;line-height:1.1}.w1-main h1 span{display:block}
.w1-main hr{border:0;border-top:3px double #808080;margin:14px 0}
.w1-main .lead{color:#000;font-size:.95rem}.hero-kicker{background:#FFFF00;border:1px solid #000;border-radius:0;color:#000;font-size:.8rem}.hero-kicker i{background:#FF0000}
.w1-construction{margin:18px 0;padding:6px 10px;background:repeating-linear-gradient(45deg,#FFD700 0 12px,#000 12px 24px);color:#fff;font-weight:700;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;text-align:center;font-size:.85rem}
.w1-gif{display:block;margin:12px auto;max-width:100%;height:auto;animation:bob 1.6s ease-in-out infinite;image-rendering:pixelated}@keyframes bob{50%{transform:translateY(-8px)}}
.fact b{color:#000080;font-family:var(--display);font-size:1.3rem}.fact span{color:#555}
.ticker{background:#000;border-top:2px solid #FF00FF;border-bottom:2px solid #00FFFF}.ticker-track span{font-family:var(--body);color:#FFFF00}.ticker-track span::after{background:#FF00FF}
/* блоки как таблицы */
section{padding:50px 0}
.dir,.set,.step,.trust div,.dcard,.occ,.form-block,.city-card,.faq-item,.post-card,.cfg-step,.cfg-item,.cfg-box-in,.gallery-main,.cert,.chapter,.modal-box,.calc,.cfg-summary,.cta-band,.result{background:#fff;color:#000;border:3px ridge #C0C0C0;border-radius:0;box-shadow:none}
.dir-kids{background:#FFFFCC}.dir-corp{background:#CCFFFF;color:#000}.dir-corp h3,.dir-kids h3{color:#000080;font-family:var(--display)}.dir .who{color:#800000}.dir .price{color:#FF0000}.dir li::before{background:#FF00FF}.dir-corp .btn-ghost{color:#000;border-color:#ddd}.dir-corp .btn-ghost:hover{background:#ddd;color:#000}
.set-tag{background:#FF0000;color:#FFFF00;font-family:var(--display);border:1px solid #FFFF00;border-radius:0}.set-art{background:#F0F0F0!important;border-bottom:3px ridge #C0C0C0}.set-body h3{font-family:var(--display)}.set-meta b{color:#FF0000}.set-meta a,button.link{color:#0000EE;text-decoration:underline}
.step::before{color:#FF0000;font-family:var(--display)}.step time{color:#008000}
.story{background:#000044}.parallax-word{color:#fff;opacity:.08}.story-intro p{color:#fff}
.chapter{padding:16px;margin-bottom:10px;grid-template-columns:110px 1fr}.chapter .year{color:#FF0000;position:static;font-family:var(--display)}
.calc{padding:24px}.calc h2{color:#000080}.calc h2::before,.calc h2::after{content:""}.calc p,.calc label{color:#000}.result{background:#E8E8FF;border:2px inset #808080}.result .sum{color:#FF0000;font-family:var(--display)}.result .sub,.result small{color:#555}
.seg{background:#C0C0C0;border:2px inset #808080;border-radius:0}.seg button{border-radius:0;color:#000}.seg button[aria-pressed="true"]{background:#000080;color:#fff}
select,.req-form input,.req-form select,.req-form textarea,.cfg-qty-row input[type=number]{border:2px inset #808080;border-radius:0;background:#fff;color:#000;font-family:var(--body)}.calc select{background:#fff;color:#000}input[type=range]{accent-color:#FF00FF}
.req-form label,.form-block>p,.form-block h2{color:#000}.form-block h2::before,.form-block h2::after{content:""}.form-block h2{text-align:left;color:#000080}
.trust div{border-left:3px ridge #C0C0C0!important}.trust h3{color:#000080}
.faq-item{padding:4px 12px;margin-bottom:8px;color:#000}.faq-item summary{color:#0000EE;text-decoration:underline}.faq-item summary::after{color:#FF0000}
.site-footer{background:#C0C0C0;color:#000;border-top:3px double #000}.foot h4,.foot-cities h4{color:#000080;font-family:var(--display)}.foot a,.foot-cities a{color:#0000EE;text-decoration:underline}.copy{color:#333}.site-footer .logo{color:#000}
.modal-box h3{color:#000080;font-family:var(--display)}
.page-head h1{color:#FFFF00;font-family:var(--display);text-shadow:2px 2px 0 #000}.page-head .lead{color:#fff}.crumbs a,.crumbs li{color:#00FFFF}
.chip,.cfg-tabs button,.pager a{border-radius:0;background:#C0C0C0;border:2px outset #ddd;color:#000;font-family:var(--body)}.chip.on,.chip:hover,.cfg-tabs button.on,.pager a.on{background:#000080;color:#fff;border-style:inset}
.cfg-summary{color:#000}.cfg-sum-row,.cfg-sum-row b,.cfg-list,.cfg-summary small{color:#000}.cfg-sum-grand b{color:#FF0000}.cfg-sum-total{border-color:#808080}.cfg-warn{background:#FFFF00;color:#000;border:1px solid #000}
.cfg-step h3 span{border-radius:0;background:#FF00FF}.cfg-item{border:2px inset #808080}.cfg-item.picked{background:#FFFFCC}.cfg-qty button{border-radius:0;border:2px outset #ddd;background:#C0C0C0;color:#000}.cfg-box input:checked+.cfg-box-in{background:#FFFFCC;border-color:#FF00FF!important}.cfg-box-in em,.cfg-item-p{color:#FF0000}
.cta-band{background:#FFFFCC;color:#000}.cta-band h2{color:#000080;text-align:left}.cta-band h2::before,.cta-band h2::after{content:""}.cta-band p{color:#000}
.product-info h1{color:#FFFF00;font-family:var(--display);text-shadow:2px 2px 0 #000}.product-info .lead,.product-perks,.product-info h3,.comp,.product-price span{color:#fff}.product-price b{color:#FFFF00;font-family:var(--display)}.comp li::before{background:#FF00FF;border-radius:0}
.city-facts b{color:#FFFF00;font-family:var(--display)}.city-facts span{color:#fff}.city-card{padding:14px}.city-card b{color:#0000EE;text-decoration:underline;font-family:var(--body)}.city-card:hover{transform:none;background:#FFFFCC}.city-links,.city-links a,.empty{color:#fff}
.gallery-thumbs button{border-radius:0;border:2px outset #ddd}.gallery-thumbs button.on{border-style:inset}
.prose{background:#fff;color:#000;padding:20px;border:3px ridge #C0C0C0}.prose h2{color:#000080;text-align:left}.prose h2::before,.prose h2::after{content:""}.prose a{color:#0000EE}.prose th{background:#000080;color:#fff}.prose td,.prose th{border-color:#808080}
.post-content{background:#fff;color:#000;padding:20px;border:3px ridge #C0C0C0}.post-meta{color:#00FFFF}.post-side .cfg-summary p{color:#000}.post-side .cfg-summary b{color:#000}
.post-body h2{font-size:1.05rem;text-align:left;color:#000}.post-body h2::before,.post-body h2::after{content:""}.post-body h2 a{color:#0000EE;text-decoration:underline}.post-ph{background:#000080;opacity:1;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:30px 30px}
.cert-pdf{border-radius:0;background:#fff;color:#FF0000;border:2px inset #808080}
.contacts dt{color:#00FFFF}.contacts dd,.contacts dd a{color:#fff}.req-table{background:#fff;color:#000}.req-table td{border-color:#808080}.mt60{color:#FFFF00}
.form-msg.ok{background:#CCFFCC;color:#006600;border:1px solid #006600}.form-msg.err{background:#FFCCCC;color:#990000;border:1px solid #990000}
.skip{background:#000080}
@media (max-width:820px){
  .w1-table,.w1-table tbody,.w1-table tr,.w1-table td{display:block;width:100%;box-sizing:border-box}
  .w1-main{padding:14px}.w1-main h1{font-size:clamp(1.7rem,8vw,2.4rem)}.w1-new{right:8px;top:6px;font-size:.8rem}
  .w1-marquee{font-size:.75rem}.hero-facts{gap:16px}
  .w1-table td.w1-side,.w1-table td.w1-right{display:none}
}