* { box-sizing: border-box; }
:root { color-scheme: dark; --blue:#0716a2; --navy:#020638; --yellow:#fff200; --silver:#c9c9cf; --hot:#ff00de; }
html { scroll-behavior:smooth; }
body { margin:0; background:#01020f url('assets/stars-tile.png') repeat; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:15px; }
button,input,textarea { font:inherit; }
button,a { touch-action:manipulation; }
button { cursor:pointer; }
a { color:#54d7ff; }
:focus-visible { outline:4px solid #fff600 !important; outline-offset:3px; box-shadow:0 0 0 7px #0716a2 !important; }
.skip-link { position:fixed; top:10px; left:10px; z-index:9999; padding:14px 18px; color:#000; background:#fff600; font-weight:900; transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.page-shell { width:min(1500px,100%); margin:auto; border:4px ridge #aaa; background:#03051e; box-shadow:0 0 30px #375bff; }
.site-header { min-height:210px; display:grid; grid-template-columns:1fr 275px; gap:12px; padding:12px; background:#000 url('assets/header-earth-stars.jpg') center/cover no-repeat; border-bottom:4px ridge #ddd; }
.brand { position:relative; text-align:center; align-self:center; min-width:0; text-shadow:3px 3px #000; }
.brand h1 { margin:0; color:#b8e5ff; font:italic 900 clamp(3rem,8vw,6.4rem)/.9 Impact,'Arial Black',sans-serif; letter-spacing:2px; -webkit-text-stroke:2px #043a9d; text-shadow:0 5px 0 #0a2e87,0 10px 0 #001236,5px 13px 3px #000; transform:skew(-6deg); }
.eyebrow { margin:0 0 6px; color:#a6b6ff; letter-spacing:3px; font-size:.8rem; text-transform:uppercase; }
.tagline { margin:20px 0 6px; color:var(--yellow); font:bold italic clamp(1rem,2.3vw,1.45rem) Georgia,serif; }
.subline { margin:0; color:#d8d8ff; font-style:italic; }
.brand-orbit { position:absolute; right:2%; top:15%; width:90px; height:90px; }
.globe-sprite,.flame-sprite { display:inline-block; background-repeat:no-repeat; image-rendering:pixelated; }
.globe-sprite { width:72px; height:72px; background-image:url('assets/globe-sprite.png'); animation:globe 1s steps(4) infinite; }
.dotcom { position:absolute; right:0; bottom:2px; color:#eee; font:900 1.4rem Impact,sans-serif; }
.hosting-box { align-self:stretch; padding:8px; border:5px ridge #d4d4d4; background:rgba(0,0,0,.86); text-align:center; color:#fff; }
.hosting-box b { display:block; color:#e9ff00; font-size:1.2rem; }.hosting-box ul { margin:7px 0; padding:0; list-style:none; font-weight:bold; }.hosting-box small{display:block}.counter { display:block; margin:6px; padding:4px; border:2px inset #ddd; color:#eff; background:#101010; font:1.8rem 'Courier New',monospace; letter-spacing:2px; }
.link-button,.period-link { border:0; padding:3px; color:#83aaff; background:transparent; text-decoration:underline; font-weight:bold; }
.primary-nav { display:grid; grid-template-columns:repeat(8,minmax(95px,1fr)); gap:3px; padding:8px; background:#aaa url('assets/metal-tile.jpg') repeat; border:5px ridge #dedede; }
.primary-nav a { min-height:48px; display:grid; place-items:center; padding:5px; color:#fff; background:linear-gradient(#50505a,#17171c); border:4px outset #aaa; text-align:center; text-transform:uppercase; text-decoration:none; font-size:.76rem; font-weight:900; text-shadow:1px 1px #000; }
.primary-nav a:active { border-style:inset; }
.marquee { overflow:hidden; padding:8px 0; border:3px inset #aaa; background:#050505; color:#ff9d00; font:bold 1rem 'Courier New',monospace; white-space:nowrap; }
.marquee span { display:inline-block; min-width:100%; padding-left:100%; animation:marquee 18s linear infinite; }
.content-grid { display:grid; grid-template-columns:220px minmax(0,1fr) 210px; grid-template-areas:'left main right'; gap:5px; padding:4px; background:url('assets/blue-marble-tile.png') repeat; }
main { grid-area:main; min-width:0; }.left-rail{grid-area:left}.right-rail{grid-area:right}.left-rail,.right-rail { min-width:0; border:3px ridge #b9b9b9; background:#07105c; }
.left-rail>h2,.right-rail>h2 { margin:0; padding:6px; color:#fff600; background:#000c7a; border-bottom:3px ridge #aaa; text-align:center; font-size:.85rem; }
.panel { margin:0 0 8px; border:5px ridge #c9c9c9; background:#050505; }
.intro { min-height:300px; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:20px; padding:18px; background:radial-gradient(ellipse at 30% 80%,#072469,#000 42%); }
.intro-copy { text-align:center; }.script { margin:0; color:#e8ff27; font:italic 2rem Georgia,serif; }.intro h2{margin:0;color:#a300ff;font:italic 900 clamp(2.6rem,6vw,5rem)/1 Impact,sans-serif;text-shadow:2px 2px #fff,5px 5px #2500aa}.intro-subtitle{font-size:1.4rem;font-weight:bold;font-style:italic}.enter-row{display:flex;align-items:center;justify-content:center}.enter-row img{width:64px;height:auto}.enter-row button{min-height:54px;border:0;background:transparent;color:#00ff29;font:italic 900 2.8rem Impact,sans-serif;text-shadow:2px 2px #003b11;text-decoration:underline}.flash-loader{text-align:center;color:#fff}.flash-loader>strong{display:block;color:#ff00dd;font:italic 900 2rem/1.3 'Arial Black',sans-serif}.progress-wrap{display:flex;align-items:center;gap:12px;margin:20px auto;width:min(100%,330px)}.progress-bar{height:22px;flex:1;border:3px ridge #eee;background:linear-gradient(90deg,#40ff00 27%,transparent 27%),repeating-linear-gradient(90deg,#0a0 0 3px,#030 3px 5px)}.progress-text{font-weight:bold}.flash-loader small{display:block;font-family:monospace}.flash-loader button{min-height:48px;margin-top:12px;border:0;background:transparent;color:#313bff;text-decoration:underline;font:bold italic 1.8rem 'Arial Black',sans-serif}
.section-panel { background:#d4d1ff;color:#080840 }.section-title { margin:0;padding:6px;background:linear-gradient(#111ba8,#02034c);color:#fff;text-align:center;font:1rem 'Courier New',monospace;letter-spacing:1px }.center{text-align:center}.portfolio-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.65fr);gap:16px;padding:14px}.fake-browser{border:5px ridge #aaa;background:#c8c8c8;color:#101010;box-shadow:6px 6px 0 #333}.browser-title{padding:4px;background:#061f83;color:#fff;font-weight:bold}.browser-title span{float:right}.browser-menu,.browser-toolbar,.address{padding:4px;border-bottom:2px groove #aaa;font-size:.75rem}.address span{background:#fff;border:2px inset #aaa;padding:2px}.pager-ad{min-height:145px;display:grid;grid-template-columns:1.2fr 1fr .6fr;align-items:center;overflow:hidden;padding:8px;background:#fff600}.pager-ad strong{display:block;font:2.3rem/.8 Impact,sans-serif}.pager-ad small{font:bold italic 1.2rem Georgia}.pager-ad img{width:100%;height:120px;object-fit:contain}.pager-ad>b{padding:10px;border-radius:50%;background:#f21b29;color:#fff;text-align:center;transform:rotate(-10deg);font-size:.8rem}.pager-nav{padding:9px;background:#00199b;color:#fff;text-align:center;font-weight:bold}.fake-browser>p,.fake-browser>small{display:block;text-align:center}.more-sites h3{font:italic .9rem monospace}.more-sites li{margin:6px 0}.period-link{color:#101ca7;text-align:left}.more-sites p{text-align:center}.construction-mini{display:flex;align-items:center;justify-content:center}.construction-mini span{padding:9px;background:repeating-linear-gradient(135deg,#ffc400 0 10px,#000 10px 20px);border:3px solid #000;color:#000;text-align:center;font-weight:900;text-shadow:1px 1px #ffc400}.construction-mini img{width:90px;height:110px;object-fit:contain}
.package-grid,.testimonial-grid,.free-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.package-grid article{position:relative;padding:12px;border:5px outset #ddd;background:#050677;color:#fff;text-align:center}.package-grid h3{margin:0;color:#ffe900}.price{color:#00ff4c;font:900 2rem Impact,sans-serif}.package-grid li{text-align:left;margin:5px}.package-grid button,.free-grid button,.link-farm button,.link-farm a,.guestbook-layout button,.contact-box button{min-height:44px;padding:8px;border:4px outset #bbb;background:#c0c0c0;color:#000;font-weight:bold}.package-grid .hot{background:#710064}.burst{position:absolute;right:-8px;top:-14px;padding:7px;background:#ffea00;color:#e00000;font-weight:900;transform:rotate(8deg)}.fine-print{padding:0 14px;font-size:.7rem}.testimonial-grid blockquote{margin:0;padding:14px;border:4px ridge #19227b;background:#fff;color:#101060;font:italic 1rem Georgia}.testimonial-grid cite{display:block;margin-top:10px;font:normal bold .8rem Arial}.free-grid article{text-align:center;border:3px dashed #041488;background:#000;color:#fff;padding:10px}.free-grid img{max-width:100%;height:105px;object-fit:contain;image-rendering:pixelated}.flame-sprite{width:84px;height:66px;background-image:url('assets/flame-email-sprite.png');animation:flame 1.1s steps(4) infinite}.status{min-height:1.4em;padding:4px;color:#034800;background:#e5ffe1;font-weight:bold;text-align:center}.link-farm{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px}.link-farm a{display:grid;place-items:center;text-decoration:underline}.guestbook-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px}.guestbook-layout form,.contact-box form{display:grid;gap:8px}.guestbook-layout input,.guestbook-layout textarea,.contact-box textarea{width:100%;min-height:44px;padding:8px;color:#000;background:#fff;border:4px inset #bbb}.guestbook-layout textarea,.contact-box textarea{min-height:100px}.guestbook-layout li{margin:10px 0;padding:8px;background:#fff;color:#111;border:2px inset #aaa}.contact-box{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px;align-items:start}.contact-box img{width:105px;height:auto}
.flyer-callback{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:6px;margin:10px 14px 0;padding:10px;border:5px solid #111;background:#d9d9d9;color:#050505;font:900 .78rem Impact,'Arial Black',sans-serif;letter-spacing:.5px;text-align:center}.flyer-callback>strong{grid-column:1/-1;padding:5px;background:#164e8f;color:#fff;font-size:1.35rem}.flyer-callback>b{color:#fff;-webkit-text-stroke:2px #164e8f;font-size:2.1rem;transform:rotate(-8deg)}.flyer-callback>em{grid-column:1/-1;color:#164e8f;font-size:1.2rem}
.sponsor{width:100%;min-height:94px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px;border:4px ridge #d6d6d6;background:linear-gradient(130deg,#29114f,#02000c);color:#fff;text-align:left;text-shadow:1px 1px #000}.sponsor b{font:1.3rem Impact,sans-serif}.sponsor span{font-weight:bold}.sponsor small{margin-top:6px}.sponsor.yellow b{color:#fff600}.sponsor.pink b{color:#ffb9e9}.sponsor.blue b{color:#75b5ff}.sponsor.orange b{color:#ffdd00}.sponsor.cyan b{color:#52ffff}.sponsor.cert-ad{min-height:180px;display:grid;grid-template-columns:1fr 75px}.sponsor.cert-ad img{width:72px;height:72px;object-fit:contain}.sponsor.cert-ad small{grid-column:1/-1}.best-viewed{padding:8px;text-align:center}.best-viewed h3{margin:0;font-size:.8rem}.badge-wrap{position:relative}.badge-wrap img{width:176px;max-width:100%;height:62px}.badge-wrap span{position:absolute;inset:12px 12px auto 55px;font-size:.65rem;font-weight:bold}.best-viewed ul{padding:0;list-style:none;text-align:left;font-size:.7rem}
.fake-dialog{margin:7px;border:4px outset #ddd;background:#c0c0c0;color:#000;font:11px Arial;text-align:center}.fake-dialog h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:3px;background:#061780;color:#fff;text-align:left;font-size:11px}.fake-dialog h3 button{min-width:26px;min-height:26px;padding:0;border:2px outset #eee;background:#ccc;color:#000}.fake-dialog p{padding:3px}.fake-dialog>button,.fake-dialog>div button{min-height:34px;min-width:52px;margin:2px 3px;border:3px outset #eee;background:#bbb;color:#000}.right-rail>button{width:calc(100% - 14px);min-height:44px;margin:7px;border:3px outset #ddd;background:#bbb;color:#000;font-weight:bold}.cool-extras{margin:7px;border:3px ridge #aaa;background:#000;text-align:center}.cool-extras h3{margin:0;padding:5px;color:#fff600;background:#071087;font-size:.75rem}.cool-extras button{width:100%;min-height:44px;border:0;border-bottom:1px solid #666;background:#000;color:#00ff36;font:bold .72rem monospace}.guild{text-align:center}.badge-round{position:relative}.badge-round img{width:130px;height:145px;object-fit:contain}.badge-round span{position:absolute;inset:48px 0 auto;color:#fff600;font:900 .7rem Arial;text-shadow:1px 1px #000}
.notice-window{position:fixed;z-index:1000;left:50%;top:50%;width:min(420px,calc(100% - 32px));transform:translate(-50%,-50%);border:5px outset #eee;background:#c0c0c0;color:#000;box-shadow:10px 10px 0 rgba(0,0,0,.7);padding:0 12px 14px;text-align:center}.notice-window[hidden]{display:none}.notice-titlebar{display:flex;justify-content:space-between;align-items:center;margin:0 -12px 12px;padding:4px;background:#061788;color:#fff;text-align:left}.notice-titlebar h2{margin:0;font-size:1rem}.notice-titlebar button,.notice-window>button{min-width:44px;min-height:44px;border:4px outset #eee;background:#bbb;color:#000;font-weight:bold}
footer{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:8px;padding:8px;border-top:5px ridge #aaa;background:#040031 url('assets/stars-tile.png') repeat;color:#fff600;font:12px 'Courier New',monospace;text-align:center}.footer-gag{min-height:52px;border:0;background:transparent;color:#fff600;text-decoration:underline}.footer-gag img{width:42px;height:42px;object-fit:contain;vertical-align:middle}.footer-gag #cat-image{width:110px;height:110px}footer>a{min-height:44px;display:grid;place-items:center;color:#ff00fa;font-weight:bold}.compat{grid-column:1/-1;margin:0;color:#98c3ff;font-size:.7rem}
@keyframes marquee{to{transform:translateX(-200%)}}@keyframes globe{to{background-position:-288px 0}}@keyframes flame{to{background-position:-336px 0}}
@media (max-width:1000px){.content-grid{grid-template-columns:180px minmax(0,1fr);grid-template-areas:'main main' 'left right'}.primary-nav{grid-template-columns:repeat(4,1fr)}.left-rail,.right-rail{align-self:start}.site-header{grid-template-columns:1fr 230px}.brand-orbit{display:none}.portfolio-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr 1fr}.free-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:repeat(3,1fr)}}
@media (max-width:650px){body{font-size:16px}a,button{min-width:44px;min-height:44px}.page-shell{border-width:2px}.site-header{grid-template-columns:1fr;padding:8px}.brand h1{font-size:3.4rem}.hosting-box{width:100%}.primary-nav{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr;grid-template-areas:'main' 'left' 'right'}.intro{grid-template-columns:1fr;padding:12px}.intro-copy .script{font-size:1.4rem}.intro h2{font-size:3rem}.enter-row button{font-size:2rem}.pager-ad{grid-template-columns:1fr .9fr}.pager-ad>b{display:none}.browser-toolbar{display:none}.flyer-callback{grid-template-columns:1fr auto;margin-inline:8px}.flyer-callback>strong,.flyer-callback>em{grid-column:1/-1}.package-grid,.testimonial-grid,.free-grid,.guestbook-layout{grid-template-columns:1fr}.contact-box{grid-template-columns:1fr}.left-rail,.right-rail{width:100%}.sponsor{min-height:110px}.fake-dialog{font-size:14px}.fake-dialog h3{font-size:14px}.fake-dialog h3 button,.fake-dialog>button,.fake-dialog>div button{min-width:44px;min-height:44px}.cool-extras button{font-size:.9rem}.left-rail>h2,.right-rail>h2{font-size:1rem}.best-viewed ul{text-align:center;font-size:.9rem}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}.compat{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span,.globe-sprite,.flame-sprite{animation:none}.marquee{white-space:normal}.marquee span{padding-left:0}.progress-bar{background:linear-gradient(90deg,#40ff00 27%,#030 27%)}}