*{box-sizing:border-box}html{background:#0b0e15;color:#f1f3fb;font-family:Segoe UI,Arial,sans-serif}body{margin:0}header{height:110px;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}header b{font-size:25px}header>span,aside{font-size:12px;letter-spacing:3px;color:#afb9ce}header div{text-align:right}time{font-size:25px}header small{display:block;color:#9aa6ba;margin-top:5px}main{padding:0 5% 35px}.hero{position:relative;overflow:hidden;padding:45px 50px;height:410px;border-radius:20px;background:linear-gradient(120deg,#1c273b,#20263a 65%,#3b405b);margin-bottom:30px}.hero h1{position:relative;font-size:62px;line-height:1.05;font-weight:600;letter-spacing:-2px;margin:20px 0}.hero p{position:relative;font-size:20px;color:#bbc6dc}.hero small{position:relative;color:#a4b1c9;font-size:11px;letter-spacing:2px}.orb{position:absolute;right:13%;top:30px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#dfd2cb,#9290ad 40%,#424c69 75%);box-shadow:0 0 90px #a098b322}.hill{position:absolute;right:-10%;bottom:-250px;width:80%;height:440px;background:linear-gradient(#263148,#10192a);border-radius:50%;transform:rotate(-15deg);box-shadow:0 -8px 40px #abbcda20}.row{margin-bottom:27px}.heading{display:flex;align-items:baseline;gap:20px;margin-bottom:14px}h2{font-size:23px;font-weight:600;margin:0}.heading small{font-size:12px;color:#8591a8}.cards{display:flex;gap:18px;overflow:auto;padding:10px;margin:-10px;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.card{flex:0 0 230px;height:135px;border:2px solid transparent;border-radius:13px;background:#1e2738;color:white;position:relative;padding:20px;text-align:left;font:inherit;cursor:pointer;outline:none;transition:transform .13s ease}.card:focus{border-color:#fff;transform:scale(1.04);box-shadow:0 5px 18px #0008}.card strong{position:absolute;bottom:19px;left:20px;font-size:20px;font-weight:600}.card small{position:absolute;right:13px;top:12px;font-size:9px;letter-spacing:1px;color:#c6cfdf}.media .card{flex-basis:290px;height:175px;background:linear-gradient(130deg,#385572,#18283e)}.media .card:before{content:'';position:absolute;width:125px;height:125px;right:15px;top:8px;border-radius:50%;background:linear-gradient(130deg,#a5b8ce70,transparent)}.media .card:nth-child(2){background:linear-gradient(130deg,#684b53,#241f31)}.media .card:nth-child(3){background:linear-gradient(130deg,#345c55,#142b2e)}.media .card:nth-child(4){background:linear-gradient(130deg,#60513d,#2b2837)}.apps .card:nth-child(1){background:#48202a}.apps .card:nth-child(2){background:#301b26}.apps .card:nth-child(3){background:#182f59}.apps .card:nth-child(4){background:#1b3d51}.apps .card:nth-child(5){background:#503725}.apps .card:nth-child(6){background:#1b422f}footer{padding-top:15px;color:#8995aa;font-size:13px}dialog{width:560px;max-width:90vw;background:#192235;color:white;border:1px solid #596780;border-radius:18px;padding:35px}dialog::backdrop{background:#030712df}dialog h2{font-size:32px;margin:20px 0}dialog p{color:#bdc9df;line-height:1.7}dialog button{font:inherit;padding:15px 20px;border-radius:8px;border:2px solid white}dialog button:focus{outline:3px solid #a2bfff;outline-offset:4px}@media(max-width:800px){header>span{display:none}.hero{padding:30px}.hero h1{font-size:50px}.orb{right:-100px;opacity:.4}.hero small{display:block;max-width:260px;line-height:1.8}.heading{flex-wrap:wrap;gap:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}