:root{
  --blue:#0756d8;
  --blue2:#011d52;
  --yellow:#ffd43b;
  --yellow2:#ffb703;
  --dark:#061225;
  --soft:#f5f8ff;
  --text:#233044;
}
*{box-sizing:border-box}
body{font-family:'Inter',Arial,sans-serif;margin:0;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none}.navbar{background:rgba(1,29,82,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.navbar-brand{font-weight:900;letter-spacing:.5px;color:#fff!important}.brand-dot{color:var(--yellow)}.nav-link{color:rgba(255,255,255,.86)!important;font-weight:600}.nav-link:hover{color:var(--yellow)!important}
.hero{position:relative;min-height:92vh;background:radial-gradient(circle at top left,rgba(255,212,59,.45),transparent 32%),linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;display:flex;align-items:center;padding:120px 0 160px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 92%)}
.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:150px;line-height:0}.hero-wave svg{width:100%;height:100%}.badge-soft{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 15px;color:#fff;font-weight:700}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;font-weight:900;letter-spacing:-2px}.hero p{font-size:1.15rem;color:rgba(255,255,255,.86);max-width:620px}.text-yellow{color:var(--yellow)}
.join-card{position:relative;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 70px rgba(0,0,0,.25);border-radius:28px;padding:26px;backdrop-filter:blur(18px)}.join-card:after{content:"";position:absolute;inset:-2px;border-radius:30px;background:linear-gradient(120deg,transparent,var(--yellow),transparent);z-index:-1;filter:blur(18px);opacity:.45}.join-title{font-weight:900}.form-control,.form-select{border:0;border-radius:16px;padding:14px 16px}.btn-neon{position:relative;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#08204f;font-weight:900;padding:14px 20px;box-shadow:0 0 0 4px rgba(255,212,59,.16),0 15px 35px rgba(255,183,3,.28)}.btn-neon:hover{transform:translateY(-2px);color:#061225}.btn-neon:before{content:"";position:absolute;top:0;left:-80%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);animation:shine 2.6s infinite}@keyframes shine{to{left:130%}}
.section{padding:90px 0}.section-soft{background:var(--soft)}.section-title{font-weight:900;color:#061225;letter-spacing:-.6px}.feature-card,.room-card{height:100%;border:1px solid #e8eefc;border-radius:26px;padding:28px;background:#fff;box-shadow:0 18px 45px rgba(7,86,216,.08);transition:.25s}.feature-card:hover,.room-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px rgba(7,86,216,.14)}.icon-box{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--yellow));color:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.room-card h3{font-weight:900}.pill{display:inline-block;background:#eef4ff;color:var(--blue);border-radius:999px;padding:6px 12px;font-weight:800;font-size:.85rem}.page-hero{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;padding:140px 0 90px;position:relative}.page-hero h1{font-weight:900}.content-box{background:#fff;border-radius:26px;padding:34px;box-shadow:0 18px 45px rgba(7,86,216,.09);border:1px solid #e8eefc}.footer{position:relative;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;padding:130px 0 35px;overflow:hidden}.footer-wave{position:absolute;top:-1px;left:0;width:100%;height:110px}.footer a{color:#fff}.footer a:hover{color:var(--yellow)}.footer-logo{font-weight:900;font-size:1.55rem}.mini{color:rgba(255,255,255,.72)}
@media(max-width:991px){.hero{padding:105px 0 135px}.join-card{margin-top:35px}.navbar-collapse{padding-top:15px}.section{padding:64px 0}}