:root{--ink:#12324a;--muted:#607c90;--sky:#65c9ee;--skySoft:#e7f7fe;--turq:#21c7bd;--turqSoft:#e6fbf8;--gold:#d7aa3e;--goldSoft:#fff6dd;--coral:#f18878;--coralSoft:#fff0ed;--white:#fff;--line:#d7edf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:linear-gradient(180deg,#effaff 0,#fff 45%,#effcf9 100%);min-height:100vh}
.page{max-width:1240px;margin:auto;padding:18px 22px 40px}.hero{text-align:center;padding:58px 12px 34px}.brand{font-size:.72rem;font-weight:900;letter-spacing:.22em;color:#128eaa}.hero h1{font-size:clamp(4rem,12vw,8rem);line-height:.78;margin:18px 0 22px;letter-spacing:-.06em}.hero h1 span{color:var(--turq)}.hero p{font-size:clamp(1rem,2.5vw,1.35rem);font-weight:600;color:var(--muted)}.hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-tags span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:.74rem;font-weight:800;box-shadow:0 5px 14px rgba(32,126,157,.06)}
.intro{text-align:center;margin:12px 0 25px}.intro h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:0 0 7px}.intro p{color:var(--muted);margin:0}
.apps{display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-card{text-decoration:none;color:var(--ink);background:#fff;border-radius:28px;padding:25px;min-height:290px;border:1px solid var(--line);box-shadow:0 13px 34px rgba(34,121,151,.08);display:flex;flex-direction:column;transition:.2s transform,.2s box-shadow;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-45px;top:-55px;opacity:.5}.app-card:hover{transform:translateY(-4px);box-shadow:0 19px 42px rgba(34,121,151,.14)}.blue:before{background:var(--skySoft)}.turquoise:before{background:var(--turqSoft)}.coral:before{background:var(--coralSoft)}.gold:before{background:var(--goldSoft)}.icon{font-size:2.7rem;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;margin-top:18px;position:relative}.card-top span{font-size:.68rem;font-weight:900;letter-spacing:.1em}.card-top small{font-size:.67rem;color:var(--muted)}.app-card h3{font-size:clamp(1.45rem,4vw,2.2rem);margin:12px 0 8px;position:relative}.app-card p{color:var(--muted);line-height:1.55;margin:0;max-width:500px;position:relative}.go{margin-top:auto;padding-top:24px;font-size:.78rem;font-weight:900;letter-spacing:.07em}.go b{font-size:1.25rem}.blue .go{color:#168db8}.turquoise .go{color:#078e88}.coral .go{color:#ce5f50}.gold .go{color:#ae7f12}
footer{text-align:center;margin-top:42px;padding:26px;border-top:1px solid var(--line);color:var(--muted)}footer strong{color:var(--ink);font-size:1.2rem}footer span{margin-left:5px}footer p{font-size:.74rem;letter-spacing:.06em}
@media(max-width:700px){.page{padding:10px 12px 28px}.hero{padding-top:38px}.apps{grid-template-columns:1fr}.app-card{min-height:245px;border-radius:22px}.hero h1{font-size:4.3rem}}

.event:before{background:#eef1ff}
.event .go{color:#5266c9}
@media(min-width:701px){.apps .event{grid-column:1/-1;min-height:220px}}