:root{
  --gold:#c89b2d;
  --gold2:#f4d06f;
  --red:#8b1016;
  --black:#050505;
  --blue:#0d3764;
  --green:#5a853e;
  --white:#f7f7f7;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#070707;}
body.realty{background:radial-gradient(circle at 15% 10%,rgba(200,155,45,.24),transparent 28%),radial-gradient(circle at 92% 38%,rgba(139,16,22,.24),transparent 35%),linear-gradient(135deg,#050505,#151515 65%,#080808);}
body.ncgrowth{background:linear-gradient(135deg,#06192d 0%,#09233d 44%,#f4f7f6 44%,#edf2f0 100%);color:#09233d;}
a,button{-webkit-tap-highlight-color:transparent}
.page{width:100%;max-width:980px;min-height:100svh;margin:0 auto;padding:26px 14px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;}
.title{margin:0 0 18px;text-transform:uppercase;letter-spacing:.34em;font-size:clamp(12px,2.4vw,18px);font-weight:500;color:var(--gold2);line-height:1.25;max-width:100%;overflow-wrap:anywhere;}
.ncgrowth .title{color:#0d3764;opacity:.75}
.scene{width:100%;max-width:880px;margin:0 auto;perspective:1400px;display:block;}
.flip-card{width:100%;aspect-ratio:1.775/1;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.61,.36,1);cursor:pointer;filter:drop-shadow(0 28px 62px rgba(0,0,0,.58));}
.flip-card.flipped{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:12px;background:#111;box-shadow:0 0 0 1px rgba(200,155,45,.55), inset 0 0 0 1px rgba(255,255,255,.04);}
.face.back{transform:rotateY(180deg)}
.face img{width:100%;height:100%;display:block;object-fit:contain;border:0;margin:0;padding:0;background:transparent;}
.actions{width:100%;max-width:880px;margin:26px auto 8px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
.btn{appearance:none;border:1px solid rgba(200,155,45,.72);border-radius:999px;padding:14px 24px;min-width:144px;text-decoration:none;color:#fff;background:rgba(0,0,0,.25);font-weight:900;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 25px rgba(0,0,0,.18);}
.btn.gold{background:linear-gradient(135deg,#b98719,#f3cf74);color:#111;border-color:#d7ac3e;}
.btn.light{background:linear-gradient(#fff,#f0f0f0);color:#111;border-color:#d2bf89;}
.ncgrowth .btn.gold{background:#0d3764;color:#fff;border-color:#0d3764}.ncgrowth .btn{border-color:#0d3764}.ncgrowth .btn.light{border-color:#b8aa7d}.hint{margin:6px 0 0;color:#cfcfcf;font-size:16px;line-height:1.4}.ncgrowth .hint{color:#0d3764}
.home{justify-content:center}.home-panel{width:100%;max-width:760px;border:1px solid rgba(200,155,45,.45);border-radius:26px;background:linear-gradient(135deg,#111,#050505);box-shadow:0 35px 90px rgba(0,0,0,.6);padding:34px}.home-panel h1{font-size:clamp(32px,6vw,58px);line-height:.95;margin:0 0 12px}.home-panel p{color:#ddd;font-size:18px;margin:0 0 26px}.home-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.home .btn{min-width:230px}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media (max-width:700px){
  .page{max-width:none;padding:20px 10px 18px;justify-content:center;}
  .title{font-size:12px;letter-spacing:.30em;margin-bottom:14px;}
  .scene{width:calc(100vw - 20px);max-width:none;}
  .actions{width:calc(100vw - 28px);gap:10px;margin-top:26px;}
  .btn{font-size:16px;padding:13px 18px;min-width:0;flex:1 1 145px;}
  .hint{font-size:15px;}
}
@media (max-width:430px){
  .page{padding-left:8px;padding-right:8px;}
  .scene{width:calc(100vw - 16px);}
  .title{letter-spacing:.24em;}
  .btn{font-size:15px;padding:12px 13px;flex-basis:136px;}
}
@media (max-height:720px) and (max-width:700px){
  .page{justify-content:flex-start;padding-top:18px;}
  .actions{margin-top:18px;}
}