/* Luxury Corporate HQ — Black/Gold Minimal */
:root{
  --bg:#0a0b0c;
  --ink:#e6ecec;
  --dim:#9aa5a5;
  --gold:#d4af37;
  --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.canvas-bg{
  position:fixed; inset:0;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(212,175,55,.08), transparent 60%),
    radial-gradient(900px 600px at 80% 10%, rgba(212,175,55,.05), transparent 60%);
  opacity:.65; pointer-events:none;
}
.grain{
  position:fixed; inset:0; pointer-events:none; opacity:.08;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'160\' height=\'160\'><filter id=\'n\'><feTurbulence type=\'fractalNoise\' baseFrequency=\'0.8\' numOctaves=\'4\'/></filter><rect width=\'100%\' height=\'100%\' filter=\'url(%23n)\' opacity=\'0.2\'/></svg>');
  mix-blend-mode:soft-light;
}
.wrap{max-width:1080px; margin:0 auto; padding:28px 22px}

.mast{
  display:grid; place-items:center; text-align:center; padding:48px 0 18px;
  gap:12px;
}
.identity3d{
  --size:150px; width:var(--size); height:var(--size); position:relative; perspective:800px;
  margin-bottom:6px; filter: drop-shadow(0 0 22px rgba(212,175,55,.25));
}
.identity3d .ring, .identity3d .ring.thin{
  position:absolute; inset:0; border-radius:50%; transform-style:preserve-3d;
  border:2px solid rgba(212,175,55,.35);
  box-shadow: 0 0 60px rgba(212,175,55,.25) inset;
  animation: spin 18s linear infinite;
}
.identity3d .ring.thin{ inset:10px; border:1px solid rgba(212,175,55,.25); animation-direction:reverse; }
.identity3d .core{
  position:absolute; inset:16px; border-radius:50%; display:grid; place-items:center;
  background: radial-gradient(60% 60% at 30% 30%, rgba(212,175,55,.10), rgba(0,0,0,.35));
  color:var(--gold); font-family:Oxanium,system-ui,sans-serif; font-weight:700; letter-spacing:.1em; font-size:40px;
  border:1px solid var(--line);
  transform: rotateX(10deg) rotateY(-8deg);
  animation: tilt 6s ease-in-out infinite alternate;
  text-shadow: 0 0 16px rgba(212,175,55,.35);
}
@keyframes spin{to{transform:rotateY(360deg)}}
@keyframes tilt{from{transform:rotateX(12deg) rotateY(-10deg)} to{transform:rotateX(-6deg) rotateY(8deg)}}

.titles h1{margin:0 0 6px; font-family:Oxanium,system-ui,sans-serif; font-weight:700; font-size:clamp(28px,3.4vw,46px)}
.titles .strap{margin:0 0 4px; color:#d9e2e2}
.contact{font-size:14px; color:var(--dim)}
.contact span{color:#f1f6f6; border-bottom:1px dashed var(--line)}
.cta{
  margin-top:10px; padding:14px 22px; font-weight:700; border-radius:12px;
  border:1px solid #b7952c; background:linear-gradient(180deg, rgba(212,175,55,.30), rgba(0,0,0,.1));
  color:#ffe9a6; letter-spacing:.03em; cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
.pulse{animation: pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(212,175,55,.25)}70%{box-shadow:0 0 0 18px rgba(212,175,55,0)}100%{box-shadow:0 0 0 0 rgba(212,175,55,0)}}
.cta:hover{transform:translateY(-1px); box-shadow:0 12px 28px rgba(212,175,55,.18)}
.policy{color:#cfd6d6; opacity:.9; margin:8px 0 0; font-size:14px}

.grid{display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:16px; margin:28px 0 28px}
.panel{
  border:1px solid var(--line); border-radius:14px; padding:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.panel h3{margin:0 0 8px; font-family:Oxanium,system-ui,sans-serif}
.panel ul{margin:0; padding-left:17px; line-height:1.7}

.foot{padding:18px 0 28px; text-align:center; color:#cdd4d4}
.foot .line{margin-top:6px; font-family:Oxanium,system-ui,sans-serif}

/* Modal */
.modal{
  width:min(780px, 94vw); border:none; border-radius:14px; padding:0; background:transparent;
}
.modal::backdrop{background:rgba(0,0,0,.6); backdrop-filter: blur(4px)}
.chrome{display:flex; justify-content:flex-end; padding:6px 6px 0}
.chrome .x{background:transparent; color:#fff; border:1px solid var(--line); border-radius:8px; width:36px; height:36px; cursor:pointer}
.card.glass{
  margin:0 6px 10px; padding:16px; border:1px solid var(--line); border-radius:14px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.card h2{margin:6px 0 6px; font-family:Oxanium,system-ui,sans-serif}
.explain{margin:0 0 12px; color:#dfe6e6}
.fields{display:grid; grid-template-columns: repeat(2,1fr); gap:12px}
.fields .full{grid-column:1/-1}
label{display:grid; gap:6px; font-size:14px}
input, select, textarea{
  background:rgba(0,0,0,.35); border:1px solid var(--line); color:#eaf1f1;
  padding:12px 12px; border-radius:10px; outline:none;
}
input:focus, select:focus, textarea:focus{border-color:#b7952c; box-shadow:0 0 0 3px rgba(212,175,55,.18)}
.submit{
  margin-top:8px; padding:12px 18px; border-radius:10px; border:1px solid #b7952c;
  background: radial-gradient(80px 40px at 50% 20%, rgba(212,175,55,.35), rgba(0,0,0,.15));
  color:#ffe9a6; font-weight:700; cursor:pointer;
}
.status{min-height:22px; margin-top:8px; font-size:14px}
.smallprint{color:#aeb6b6; font-size:12px; margin-top:8px}