@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400;600;700;800;900&family=Inter:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,sans-serif;background:#0a0e1a;color:#e0eaff}#root{height:100%}.page{min-height:100vh;display:flex;flex-direction:column}.header{padding:1.5rem 2rem}.logo{font-family:Tektur,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;color:#3a4466}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;width:100%;max-width:560px;aspect-ratio:1}.tile{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#121830;border:1px solid rgba(0,212,255,.15);transition:all .2s ease-in-out;position:relative}.tile--active{text-decoration:none;cursor:pointer;overflow:hidden}.tile--active:hover{border-color:#00d4ff80;background:#1a2240;box-shadow:0 0 24px #00d4ff40;transform:translateY(-4px)}.tile--soon{cursor:pointer}.tile--soon:hover{border-color:#00d4ff80;background:#1a2240;box-shadow:0 0 24px #00d4ff40;transform:translateY(-4px)}.tile-label{font-family:Tektur,sans-serif;font-weight:700;font-size:clamp(.85rem,2vw,1.4rem);letter-spacing:.1em;text-transform:uppercase;color:#00d4ff}.dd-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Tektur,sans-serif;font-weight:900;font-size:clamp(.9rem,2.5vw,1.6rem);letter-spacing:.08em;color:#e0eaff;text-shadow:0 0 20px rgba(0,212,255,.3);z-index:1;pointer-events:none}.dd-dot{color:#00d4ff}.footer{padding:1.5rem 2rem;text-align:center;font-size:.85rem;letter-spacing:.06em;color:#3a4466}.footer-divider{margin:0 .25rem}.footer-link{color:#5a6a9a;text-decoration:none;font-size:.85rem;letter-spacing:.06em;transition:color .2s ease}.footer-link:hover{color:#e0eaff}