:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#071c3f;color:#fff}*{box-sizing:border-box}html{min-width:320px}body{margin:0}.page{min-height:100svh;display:grid;place-items:center;padding:0}.landing{width:min(100%,1100px);min-height:100svh;display:grid;grid-template-rows:minmax(290px,45svh) 1fr;overflow:hidden;background:linear-gradient(160deg,#0c3672 0%,#071c3f 55%,#05142e 100%)}.portrait-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 70%,#18a9df 0%,#087ab4 35%,#0b407c 68%,#092b61 100%)}.portrait-panel:before{content:"";position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;bottom:-47%;left:11%;z-index:-1}.portrait-panel:after{content:"";position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(transparent,#071c3f);pointer-events:none}.portrait-glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;bottom:-25%;background:#36cafa;filter:blur(70px);opacity:.45;z-index:-1}.portrait{display:block;height:108%;max-width:100%;width:auto;object-fit:contain;object-position:bottom;animation:portrait-in .55s ease-out both}.content-panel{position:relative;z-index:1;padding:12px clamp(20px,5vw,44px) 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.campaign-mark{display:block;width:min(100%,310px);height:auto;max-height:148px;object-fit:contain;animation:rise-in .42s .1s ease-out both}.socials{width:min(100%,440px);display:grid;gap:10px}.social-link{min-height:58px;display:flex;align-items:center;gap:16px;padding:10px 18px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:#fff;color:#102a5c;text-decoration:none;font-size:18px;font-weight:750;box-shadow:0 6px 22px rgba(0,0,0,.13);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;animation:rise-in .42s ease-out both}.social-link:nth-child(1){animation-delay:.16s}.social-link:nth-child(2){animation-delay:.22s}.social-link:nth-child(3){animation-delay:.28s}.social-link:nth-child(4){animation-delay:.34s}.social-link:hover{transform:translateY(-2px);background:#e9faff;box-shadow:0 9px 26px rgba(0,0,0,.2)}.social-link:active{transform:scale(.985)}.social-link:focus-visible{outline:3px solid #3ccdf5;outline-offset:3px}.icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e5f8ff;color:#087eb8}.icon svg{width:23px;height:23px}.arrow{margin-left:auto;color:#0a8cc2;font-size:23px;font-weight:400}@keyframes rise-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:800px){.page{padding:32px}.landing{min-height:min(760px,calc(100svh - 64px));grid-template-columns:1fr 1fr;grid-template-rows:1fr;border-radius:28px;box-shadow:0 26px 80px rgba(0,0,0,.35)}.portrait-panel:after{inset:0 0 0 auto;width:20%;height:auto;background:linear-gradient(90deg,transparent,#071c3f)}.portrait{height:90%;max-width:none}.content-panel{gap:20px;padding:48px}.campaign-mark{width:min(100%,420px);max-height:280px}.socials{gap:13px}.social-link{min-height:64px}}@media(max-height:700px) and (max-width:799px){.landing{grid-template-rows:minmax(220px,38svh) 1fr}.content-panel{padding-bottom:20px;gap:5px}.campaign-mark{max-height:115px}.socials{gap:7px}.social-link{min-height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}