@font-face{font-family:'DM Sans';src:url('assets/colony-ui/dm-sans.woff2')}@font-face{font-family:'Material Symbols Rounded';src:url('assets/colony-ui/material-symbols.woff2')}html,body{margin:0;background:#0b0d10;color:#f2f3f5;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:#f2f3f5;text-decoration:none}a:hover{color:#91c8ef}input::placeholder{color:#ffffff60}[hidden]{display:none!important}:focus-visible{outline:2px solid #78c5ff;outline-offset:3px}dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border-radius:20px;background:#111318f5;color:#f2f3f5;border:1px solid #ffffff20;box-shadow:0 30px 80px #0008;backdrop-filter:blur(24px)}dialog::backdrop{background:#050608a0;backdrop-filter:blur(10px)}dialog h2{font-size:24px;margin:0 40px 4px 0}dialog p{font-size:14px;color:#f2f3f5aa;line-height:1.5}#auth-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:0;border-radius:10px;background:#ffffff10;font-size:24px}.social{display:flex;gap:8px;margin-top:18px}.social button{flex:1;height:46px;border:1px solid #ffffff24;background:#ffffff0d;border-radius:12px}.divider{text-align:center}#landing-auth{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#f2f3f5bf}input{height:48px;padding:0 14px;border:1px solid #ffffff20;background:#ffffff0d;border-radius:12px;min-width:0;width:100%;font-size:15px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}#show-password{position:absolute;right:4px;top:4px;height:40px;width:40px;border:0;background:transparent}.primary{height:50px;border:0;background:#f2f3f5;color:#0b0d10;border-radius:12px;font-weight:600;width:100%}.text-button{border:0;background:none;color:#91c8ef;font-size:13px;padding:0}.switch{text-align:center}#auth-message{margin:0;color:#ffc398}#password-hint{margin:0;font-size:12px}@media(max-width:620px){header{flex-wrap:wrap;gap:10px!important}header nav{width:100%;justify-content:space-between}header nav a{padding:8px!important}#top{min-height:650px!important}#top>div>span{flex-wrap:wrap}#features>div>div{flex-basis:100%!important;max-width:none!important}#modes>div{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.remember{flex-direction:row;align-items:center;font-size:13px}.remember input{width:17px;height:17px;accent-color:#78c5ff}
/* Supplied landing artwork: hero, three feature panels, three square mode cards. */
#top.landing-hero{aspect-ratio:16/9;min-height:0!important;background:#101820!important}
.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#top.landing-hero>div:first-of-type{background:linear-gradient(90deg,rgba(5,9,14,.65),rgba(5,9,14,.04) 80%),linear-gradient(0deg,rgba(5,9,14,.85),transparent 85%)!important}
.feature-art{position:relative;flex:1 1 420px;min-width:0;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid #ffffff12;background:#101820}
.feature-art img{display:block;width:100%;height:100%;object-fit:contain}
#modes>div>div{aspect-ratio:1;min-height:0!important;background:#101820!important}
.mode-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){#top.landing-hero{aspect-ratio:auto;min-height:650px!important}.hero-art{object-position:65% center}#top.landing-hero>div:first-of-type{background:linear-gradient(0deg,rgba(5,9,14,.96),rgba(5,9,14,.25) 90%)!important}}