:root{
  --bg:#03061d;--panel:#070c2c;--panel2:#090d35;--cyan:#20d7ff;--blue:#3b69ff;
  --pink:#ff38d1;--purple:#803cff;--text:#eef5ff;--muted:#aebeea;--line:#315dff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
    radial-gradient(circle at 72% 20%,rgba(58,39,255,.12),transparent 28rem),
    linear-gradient(180deg,#050827,#020515 70%);
  color:var(--text);font-family:"Silkscreen",monospace;min-height:100vh;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(40,90,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(40,90,255,.025) 1px,transparent 1px);
  background-size:32px 32px;
}
.scanlines{
  position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.16;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.4) 4px);
}
a{color:inherit;text-decoration:none}
.shell{width:min(1380px,calc(100% - 36px));margin:auto}
.topbar{
  margin-top:18px;border:2px solid var(--blue);box-shadow:0 0 18px #1650ff66,inset 0 0 22px #09165e;
  background:#05092bea;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)
}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:46px;height:46px;object-fit:cover;border:2px solid #6bbaff;image-rendering:pixelated}
.brand span{display:flex;flex-direction:column}.brand b{font-size:19px;letter-spacing:1px}.brand small{font-size:9px;color:#8be9ff;margin-top:3px}
nav{display:flex;gap:30px;flex-wrap:wrap}nav a{font-size:12px;color:#58d8ff;padding:8px 2px;border-bottom:3px solid transparent}
nav a:hover,nav .active{color:#fff;border-color:var(--pink);text-shadow:0 0 10px var(--pink)}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:54px 0 34px}
.hero-copy{padding:8px 16px 8px 28px}.eyebrow{color:#c8ddff;font-size:14px;letter-spacing:1px}
h1{font-size:clamp(48px,6vw,88px);line-height:.94;margin:18px 0 20px;text-shadow:4px 4px 0 #142b7a,0 0 24px #2c73ff}
h1 span{color:var(--pink);text-shadow:0 0 18px var(--pink)}
.hero h2{font-size:18px;line-height:1.55;color:#d8edff;margin:0 0 22px}.hero p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#cad2ef;line-height:1.72;font-size:16px;max-width:720px}
.chips{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.chips span{
  border:2px solid #2e77ff;background:#060b36;padding:12px 18px;font-size:12px;color:#7cecff;
  box-shadow:0 0 12px #1b58ff55;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)
}
.socials{display:flex;gap:20px;flex-wrap:wrap}.social{
  width:min(280px,100%);padding:16px 18px;background:#05092d;border:3px solid;display:flex;flex-direction:column;gap:8px
}
.social strong{font-size:16px}.social small{font-size:11px;color:#d6ddff}.instagram{border-color:var(--pink);box-shadow:0 0 18px #ff33cc66}.tiktok{border-color:var(--cyan);box-shadow:0 0 18px #23d7ff66}
.room-card{
  position:relative;min-height:650px;overflow:hidden;background:#050828;border:2px solid var(--blue);
  box-shadow:0 0 28px #164aff55,inset 0 0 50px #071044;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)
}
.room-card:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(0deg,#070826ee,transparent)}
.room-card img{
  width:100%;height:100%;min-height:650px;object-fit:cover;object-position:56% 50%;
  image-rendering:pixelated;filter:saturate(1.05) contrast(1.04);
}
.ring{
  position:absolute;z-index:2;right:7%;top:10%;width:42%;aspect-ratio:1;border-radius:50%;
  border:10px solid transparent;background:linear-gradient(#080b31,#080b31) padding-box,
  conic-gradient(var(--cyan),#4a57ff,var(--pink),#ffa6ed,var(--cyan)) border-box;
  box-shadow:0 0 24px #1fe0ff99,0 0 45px #ff35d088;mix-blend-mode:screen;opacity:.88
}
.pixel-stars i{position:absolute;z-index:3;width:9px;height:9px;background:#245fff;box-shadow:0 0 12px #275fff}.pixel-stars i:nth-child(1){left:14%;top:18%}.pixel-stars i:nth-child(2){left:34%;top:10%;background:var(--cyan)}.pixel-stars i:nth-child(3){right:8%;top:28%;background:var(--pink)}.pixel-stars i:nth-child(4){right:18%;top:7%;width:5px;height:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0 20px}.cards article,.legal-box{
  background:linear-gradient(180deg,#070b2e,#050923);border:2px solid #285dff;padding:24px;box-shadow:inset 0 0 20px #091453;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)
}
.icon{color:#43dfff;font-size:28px}.cards h3,.legal-box h2{font-size:17px;color:#65deff}.cards p,.legal-box p{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c5cce9;line-height:1.65;font-size:14px
}
.terminal{margin:18px 0;border:2px solid #2a64ff;background:#050827;padding:16px 20px;color:#5be3ff;box-shadow:0 0 14px #1b5fff55}
.footer{border-top:1px solid #264098;margin-top:22px;padding:20px 4px 30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8199d8;font-size:10px}
.footer a:hover{color:#59e1ff}
.legal{padding:36px 0}.legal-heading{
  border:2px solid #315dff;background:#070b2d;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;margin-bottom:18px;
  box-shadow:0 0 22px #164aff55
}
.legal-heading h1{font-size:42px;margin:0 0 12px}.legal-heading p{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c3cfef;line-height:1.6}.legal-heading img{width:160px;height:130px;object-fit:cover;object-position:50% 25%;image-rendering:pixelated;border-left:2px solid #315dff}
.legal-box{margin:14px 0}.legal-box h2{margin-top:0}.legal-box a{color:#4be2ff;text-decoration:underline}
@media(max-width:900px){
  .topbar{align-items:flex-start;flex-direction:column}nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding:0}
  .room-card,.room-card img{min-height:500px}.cards{grid-template-columns:1fr}.legal-heading img{display:none}
}
@media(max-width:560px){
  .shell{width:min(100% - 18px,1380px)}nav a{font-size:10px}.hero h2{font-size:14px}.hero p{font-size:14px}
  .room-card,.room-card img{min-height:410px}.social{width:100%}.legal-heading h1{font-size:30px}
}