:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#f8f6ff;background:#101121}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1140px;margin:auto;padding:28px}header,footer{display:flex;justify-content:space-between;gap:20px;align-items:center}header{border-bottom:1px solid #303149}.brand{font-size:29px;font-weight:900;text-decoration:none;color:#fff;letter-spacing:-1px}.brand span{color:#ff71be}.signature{color:#bbb8d2;font-size:14px}main{padding-top:55px}.eyebrow{color:#dcff72;font-weight:750;letter-spacing:2px;font-size:13px}h1{font-size:clamp(38px,7vw,66px);line-height:1.08;letter-spacing:-2px;margin:20px 0}h1 span{color:#ad92ff}.intro{color:#c3bed6;font-size:18px;margin:24px 0 34px}.appcard{display:grid;grid-template-columns:220px 1fr;max-width:680px;background:#1b1c32;border:1px solid #49405c;border-radius:25px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.appcard:hover{border-color:#ff71be;transform:translateY(-3px)}.appcard:focus-visible{outline:4px solid #dcff72;outline-offset:6px}.visual{position:relative;background:#111225;display:flex;align-items:center;justify-content:center;padding:20px}.visual img{width:100%;height:auto;border-radius:20px}.category{position:absolute;top:16px;left:16px;background:#101121ed;padding:6px 10px;font-size:12px;color:#dcff72;border-radius:20px}.content{padding:28px}h2{font-size:30px;margin:0;display:flex;justify-content:space-between}h2 span{color:#ff71be}.content>p{margin:9px 0;color:#ff9dcf}.content .description{color:#c3bed6;line-height:1.6;font-size:16px;margin:18px 0}.open{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#dcff72;color:#192110;padding:13px 17px;border-radius:11px;font-weight:800}.access{font-size:14px;color:#a9a6c3;margin-top:25px}footer{font-size:14px;color:#aaa6c0;margin-top:65px;border-top:1px solid #303149}@media(max-width:580px){header{align-items:flex-start;flex-direction:column;gap:8px}main{padding-top:30px}.appcard{grid-template-columns:1fr}.visual{height:200px}.visual img{width:190px}.content{padding:23px}header,main,footer{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.appcard{transition:none}}
:root{color-scheme:light;color:#25334b;background:#f4f8ff}body{background:linear-gradient(145deg,#fff1f7,#f1f7ff 60%,#eaf9f0);min-height:100vh}header,footer{border-color:#dae2ee}.brand{color:#263854}.brand span{color:#b72876}.signature,.intro,.access,footer{color:#526079}.eyebrow{color:#6340a9}h1 span{color:#7146bd}.appcard{background:#fff;border-color:#dfd5ed;box-shadow:0 10px 30px #6e62a515}.visual{background:#f5ecff}.category{background:#fff;color:#6240a8}.content>p{color:#b62f76}.content .description{color:#526079}.open{background:#7146cf;color:#fff}h2 span{color:#b62f76}