:root{color-scheme:light;--blue:#313594;--blue-dark:#20266f;--red:#ef171b;--ink:#151b35;--muted:#68708b;--line:#e8eaf2}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1}
body:before{width:260px;height:260px;right:-150px;top:80px;border:42px solid rgba(49,53,148,.045);border-radius:50%}
body:after{width:180px;height:180px;left:-110px;bottom:50px;background:rgba(239,23,27,.035);transform:rotate(45deg)}
.shell{min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}
.card{position:relative;width:min(100%,430px);padding:0 24px 24px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(31,38,102,.13);overflow:hidden}
.photo{height:112px;margin:0 -24px;background:linear-gradient(90deg,rgba(32,38,111,.85),rgba(49,53,148,.52)),url("assets/atco-building.png") center 44%/cover no-repeat}
.photo:after{content:"";position:absolute;left:0;right:0;top:109px;height:5px;background:linear-gradient(90deg,var(--blue) 0 72%,var(--red) 72%)}
.logo{position:relative;display:block;width:104px;height:104px;object-fit:contain;margin:-54px auto 4px;padding:7px;border-radius:50%;background:#fff;box-shadow:0 8px 25px rgba(29,35,96,.18)}
.eyebrow{margin:0 0 7px;text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:850;color:var(--red)}
h1{margin:0;text-align:center;font-size:28px;line-height:1.15;letter-spacing:-.035em;color:var(--blue-dark)}
h1 span{display:block;color:var(--blue);font-weight:850}
.intro{max-width:290px;margin:10px auto 22px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}
.links{display:grid;gap:11px}
.link{min-height:66px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:9px 15px 9px 10px;border:1px solid var(--line);border-radius:17px;color:var(--ink);text-decoration:none;background:#fff;box-shadow:0 5px 16px rgba(34,39,100,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.link:hover,.link:focus-visible{transform:translateY(-2px);border-color:rgba(49,53,148,.45);box-shadow:0 9px 24px rgba(34,39,100,.10);outline:none}
.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;font-size:24px;font-weight:750}.fb{font-family:Arial;font-size:28px}.instagram .icon{background:linear-gradient(135deg,#6f3bc0,#d33a78,#ed9d36)}.facebook .icon{background:#1769d2}.tiktok .icon{background:#111;text-shadow:-2px 0 #22e0dd,2px 0 #ff3b69}.website .icon{background:var(--blue)}
.link>span:nth-child(2){font-size:15px;font-weight:750}.link small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500}.link b{color:var(--red);font-size:18px;font-weight:500}
footer{display:flex;align-items:center;gap:9px;margin-top:22px;color:#9298aa;text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:750}footer span{height:1px;flex:1;background:var(--line)}
@media(max-width:360px){.card{padding:0 17px 20px;border-radius:25px}.photo{margin:0 -17px}.logo{width:94px;height:94px;margin-top:-49px}h1{font-size:25px}.link{min-height:63px}}
@media(prefers-reduced-motion:reduce){.link{transition:none}}