* { box-sizing:border-box; margin:0; padding:0; }
:root { --primary:#002467; --deep-blue:#001f67; --heading:#025591; --text:#00233c; --yellow:#f3e900; --accent:#0086e5; --surface:rgba(255,255,255,.96); --muted:#526778; }
html,body { background:var(--deep-blue); color:var(--text); font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; min-height:100%; width:100%; }
body { align-items:center; display:flex; justify-content:center; min-height:100vh; min-height:100dvh; overflow-x:hidden; padding:20px; position:relative; }
.default-portal__background { animation:default-grid-drift 18s linear infinite; background-color:var(--deep-blue); background-image:linear-gradient(rgba(0,134,229,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,134,229,.1) 1px,transparent 1px),radial-gradient(circle at 12% 8%,rgba(243,233,0,.17),transparent 25%),radial-gradient(circle at 90% 90%,rgba(0,134,229,.28),transparent 30%),linear-gradient(145deg,var(--deep-blue),var(--primary)); background-size:34px 34px,34px 34px,100% 100%,100% 100%,100% 100%; inset:0; overflow:hidden; pointer-events:none; position:fixed; }
.default-portal__background::before,.default-portal__background::after { animation:default-orb-float 8s ease-in-out infinite; background:rgba(0,134,229,.05); border:1px solid rgba(0,134,229,.24); border-radius:50%; content:""; height:230px; position:absolute; right:-90px; top:10%; width:230px; }
.default-portal__background::before { box-shadow:0 0 0 34px rgba(243,233,0,.04); }
.default-portal__background::after { animation-delay:-4s; bottom:5%; box-shadow:0 0 0 42px rgba(0,134,229,.05); height:280px; left:-110px; right:auto; top:auto; width:280px; }
.default-portal { max-width:420px; position:relative; width:100%; z-index:1; }
.default-portal__brand { align-items:center; display:flex; flex-direction:column; gap:5px; justify-content:center; margin-bottom:14px; padding:0 4px; }
.default-portal__logo-orbit { display:grid; height:92px; place-items:center; position:relative; width:92px; }
.default-portal__logo-orbit::before,.default-portal__logo-orbit::after { animation:default-orbit-spin 12s linear infinite; border:1px dashed rgba(0,134,229,.65); border-radius:50%; content:""; inset:1px; position:absolute; }
.default-portal__logo-orbit::after { animation-direction:reverse; animation-duration:7s; border-color:rgba(243,233,0,.3) transparent; border-style:solid; inset:7px; }
.default-portal__logo { animation:default-logo-pulse 3.2s ease-in-out infinite; border:1px solid rgba(255,255,255,.2); border-radius:20px; display:block; height:76px; object-fit:cover; width:76px; }
.default-portal__orbit-dot { background:var(--yellow); border:2px solid var(--deep-blue); border-radius:50%; box-shadow:0 0 10px rgba(243,233,0,.7); height:7px; position:absolute; width:7px; z-index:2; }
.default-portal__orbit-dot.is-one { right:18px; top:5px; }
.default-portal__orbit-dot.is-two { background:var(--accent); bottom:8px; box-shadow:0 0 10px rgba(0,134,229,.8); left:12px; }
.default-portal__venue { align-items:center; color:rgba(255,255,255,.82); display:inline-flex; font-size:10px; font-weight:700; gap:6px; letter-spacing:.9px; line-height:1.3; text-align:center; text-transform:uppercase; white-space:nowrap; }
.default-portal__venue::before { background:var(--yellow); border-radius:50%; box-shadow:0 0 0 4px rgba(243,233,0,.2); content:""; height:6px; width:6px; }
.default-portal__card { animation:default-card-enter 600ms cubic-bezier(.22,1,.36,1) both; backdrop-filter:blur(20px); background:var(--surface); border:1px solid rgba(0,36,103,.12); border-radius:28px; box-shadow:0 24px 70px rgba(0,13,50,.32),0 2px 8px rgba(0,13,50,.12); overflow:hidden; padding:24px; position:relative; }
.default-portal__card::before { background:var(--yellow); border-radius:0 0 0 8px; content:""; height:7px; position:absolute; right:0; top:0; width:96px; z-index:2; }
.default-portal__card::after { animation:default-tech-scan 5.5s ease-in-out infinite; background:linear-gradient(180deg,transparent,rgba(0,134,229,.08),transparent); content:""; height:52px; left:0; pointer-events:none; position:absolute; top:-20%; width:100%; }
.default-portal__card>* { position:relative; z-index:1; }
.default-portal__sponsor { align-items:center; color:var(--heading); display:inline-flex; font-size:11px; font-weight:750; gap:7px; letter-spacing:.45px; margin-bottom:14px; text-transform:uppercase; }
.default-portal__sponsor svg { color:var(--accent); }
.default-portal__headline { color:var(--heading); font-size:clamp(27px,7.4vw,34px); font-weight:850; letter-spacing:-1.2px; line-height:1.08; margin-bottom:10px; max-width:340px; }
.default-portal__headline strong { color:var(--primary); font-weight:inherit; }
.default-portal__description { align-items:center; background:#e8f4fc; border:1px solid rgba(0,134,229,.16); border-radius:999px; color:var(--heading); display:flex; font-size:11px; font-weight:700; gap:6px; justify-content:center; line-height:1.2; margin:0 auto; max-width:100%; padding:6px 11px; text-align:center; width:fit-content; }
.default-portal__description svg { color:var(--accent); }
.default-portal__stats-intro { color:var(--heading); font-size:11px; font-weight:800; letter-spacing:.25px; line-height:1.35; margin-top:9px; text-align:center; }
.default-portal__stats { background:linear-gradient(105deg,rgba(243,233,0,.16),rgba(232,244,252,.88)); border:1px solid rgba(0,134,229,.17); border-radius:16px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:7px 0 13px; padding:11px 5px; }
.default-portal__stats>div { border-right:1px solid rgba(0,36,103,.12); min-width:0; padding:0 5px; text-align:center; }
.default-portal__stats>div:last-child { border-right:0; }
.default-portal__stats strong { color:var(--primary); display:block; font-size:19px; font-weight:850; letter-spacing:-.6px; line-height:1; margin-bottom:3px; }
.default-portal__stats>div:last-child strong { font-size:17px; }
.default-portal__stats span { color:var(--muted); display:block; font-size:9px; font-weight:650; line-height:1.25; }
.default-portal__contact { align-items:center; background:#e8f4fc; border:1px solid rgba(0,134,229,.15); border-radius:13px; display:grid; gap:10px; grid-template-columns:minmax(0,1fr) auto; margin-bottom:16px; padding:9px 10px; }
.default-portal__contact>div { color:var(--muted); font-size:10px; font-weight:600; line-height:1.35; }
.default-portal__contact strong,.default-portal__contact span { display:block; }
.default-portal__contact strong { color:var(--heading); font-size:10px; font-weight:800; margin-bottom:2px; text-transform:uppercase; }
.default-portal__contact a { align-items:center; animation:default-contact-pulse 2.8s ease-in-out infinite; background:var(--yellow); border-radius:10px; color:var(--primary); display:inline-flex; font-size:13px; font-weight:850; gap:5px; min-height:34px; padding:7px 9px; text-decoration:none; white-space:nowrap; }
.default-portal__connect { animation:default-button-enter 700ms cubic-bezier(.22,1,.36,1) 220ms backwards; background:var(--yellow); border:0; border-radius:16px; box-shadow:0 14px 34px rgba(0,36,103,.2); color:var(--text); cursor:pointer; font-size:14px; font-weight:850; letter-spacing:.45px; overflow:hidden; padding:17px 18px; position:relative; transition:transform 160ms ease,box-shadow 160ms ease,opacity 160ms ease; width:100%; }
.default-portal__connect span { align-items:center; display:inline-flex; gap:9px; justify-content:center; position:relative; z-index:1; }
.default-portal__connect::before { animation:default-button-shine 3.8s ease-in-out infinite; background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); content:""; height:200%; left:-45%; position:absolute; top:-50%; transform:skewX(-20deg); width:28%; }
.default-portal__connect:hover { box-shadow:0 16px 40px rgba(0,36,103,.3); transform:translateY(-1px); }
.default-portal__connect:disabled { cursor:default; opacity:.55; transform:none; }
.default-portal__message { color:var(--muted); font-size:11px; margin-top:11px; min-height:17px; text-align:center; }
.default-portal__footer { color:rgba(255,255,255,.7); font-size:10px; line-height:1.45; margin-top:12px; padding:0 12px; text-align:center; }
.default-portal__footer div { align-items:center; display:inline-flex; gap:5px; margin-top:5px; }
@keyframes default-grid-drift { to { background-position:34px 34px,34px 34px,0 0,0 0,0 0; } }
@keyframes default-orb-float { 50% { transform:translate3d(-12px,16px,0) scale(1.04); } }
@keyframes default-orbit-spin { to { transform:rotate(360deg); } }
@keyframes default-logo-pulse { 0%,100% { box-shadow:0 10px 28px rgba(0,13,50,.28),0 0 0 0 rgba(0,134,229,.2); } 50% { box-shadow:0 12px 32px rgba(0,13,50,.34),0 0 0 7px rgba(0,134,229,0); } }
@keyframes default-card-enter { from { opacity:0; transform:translate3d(0,18px,0) scale(.985); } }
@keyframes default-tech-scan { 0%,18% { opacity:0; top:-20%; } 28%,72% { opacity:1; } 82%,100% { opacity:0; top:105%; } }
@keyframes default-contact-pulse { 50% { transform:scale(1.025); } }
@keyframes default-button-shine { 0%,60% { left:-45%; } 82%,100% { left:125%; } }
@keyframes default-button-enter { 0% { opacity:0; transform:translate3d(0,14px,0) scale(.96); } 70% { opacity:1; transform:translate3d(0,-2px,0) scale(1.015); } }
@media(max-width:420px) { body { align-items:flex-start; padding:9px 10px; } .default-portal__brand { gap:3px; margin-bottom:8px; } .default-portal__logo-orbit { height:82px; width:82px; } .default-portal__logo { border-radius:18px; height:68px; width:68px; } .default-portal__card { border-radius:23px; padding:17px 16px; } .default-portal__sponsor { margin-bottom:10px; } .default-portal__headline { margin-bottom:7px; } .default-portal__contact { margin-bottom:10px; } .default-portal__footer { margin-top:8px; } }
@media(max-height:700px) and (max-width:420px) { body { padding-bottom:6px; padding-top:6px; } .default-portal__brand { margin-bottom:5px; } .default-portal__logo-orbit { height:70px; width:70px; } .default-portal__logo { border-radius:16px; height:58px; width:58px; } .default-portal__card { padding-bottom:12px; padding-top:14px; } .default-portal__headline { font-size:24px; margin-bottom:5px; } .default-portal__stats { margin:5px 0 8px; padding:8px 4px; } .default-portal__contact { margin-bottom:8px; padding:7px 8px; } .default-portal__connect { padding:14px 16px; } .default-portal__message:empty { display:none; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }