*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4D8EF5;--on-primary: #ffffff;--surface: #0e0f14;--surface-2: #13161E;--on-surface: #E8ECF4;--on-surface-muted: #6B7385;--outline: #242836;--secondary-container: #172040;--chip-text: #3c7fea}html,body{height:100%;overflow:hidden}body{font-family:DM Sans,sans-serif;background:var(--surface);color:var(--on-surface);display:flex;flex-direction:column;align-items:center;height:100dvh;position:relative}body:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:url(/images/background.png) no-repeat center bottom;background-size:cover;pointer-events:none;z-index:0}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:48px 24px;position:relative;z-index:1}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeUp .7s cubic-bezier(.22,.68,0,1.2) both}.logo-mark{width:256px;height:256px}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;animation:fadeUp .7s .15s cubic-bezier(.22,.68,0,1.2) both}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:var(--secondary-container);color:var(--chip-text);font-size:.8rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(77,142,245,.15)}.chip svg{width:14px;height:14px;flex-shrink:0}.contact{animation:fadeUp .7s .25s cubic-bezier(.22,.68,0,1.2) both}.contact a{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:100px;border:1.5px solid var(--outline);background:var(--surface-2);color:var(--on-surface);text-decoration:none;font-size:.9rem;font-weight:500;font-family:DM Sans,sans-serif;transition:background .2s,border-color .2s,color .2s}.contact a:hover{background:var(--secondary-container);border-color:var(--primary);color:var(--primary)}.contact a svg{width:16px;height:16px;opacity:.5}footer{width:100%;padding:20px 32px;text-align:center;font-size:.78rem;color:var(--on-surface-muted);border-top:1px solid var(--outline);font-family:DM Sans,sans-serif;position:relative;z-index:1}@media (max-height: 750px){main{gap:16px;padding:16px}.logo-mark{width:160px;height:160px}}@media (max-height: 600px){.logo-mark{width:120px;height:120px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}