:root{font-family:Open Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:#123e50;background:#f7fbfc;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit;text-decoration:none}.page{position:relative;isolation:isolate;min-height:100dvh}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#f7fbfc}.bg__grid{height:100%;background-image:linear-gradient(rgba(28,96,120,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(28,96,120,.045) 1px,transparent 1px);background-size:34px 34px}.container{width:min(100% - 32px,356px);margin-inline:auto;padding:10px 0 26px;display:flex;flex-direction:column;gap:12px}.profile{position:relative;isolation:isolate;overflow:hidden;min-height:272px;padding:26px 24px 28px;border-radius:34px;text-align:center;color:#fff;background:#022c3b;box-shadow:0 12px 20px -16px #123e5070}.profile:before,.profile:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff0b;border-radius:50%;pointer-events:none}.profile:before{width:170px;height:170px;right:-54px;top:-54px}.profile:after{width:112px;height:112px;right:-27px;top:-29px}.profile__logo{width:78px;height:78px;padding:7px;margin:0 auto 17px;border-radius:50%;background:#fff}.profile__logo img{display:block;width:100%;height:100%;border-radius:50%}.profile__name{margin:0;font-size:25px;font-weight:800;letter-spacing:-.8px;line-height:1.4}.profile__bio{margin:5px 0 0;font-size:11px;line-height:1.6;color:#c2dce5}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:260px;margin:20px auto 0;padding:0;list-style:none}.tag{padding:3px 9px;border:1px solid #286176;border-radius:999px;background:#10495c;color:#e4f3f9;font-size:8px;font-weight:700;line-height:1.4;text-transform:uppercase}.cta,.card{display:flex;align-items:center;gap:12px;border-radius:13px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;animation:rise .5s ease-out backwards;animation-delay:calc(.1s + var(--i) * 90ms)}.cta{min-height:78px;padding:17px 16px;background:#075570;color:#fff;box-shadow:0 7px 14px -6px #07557055}.cta__icon,.card__icon{display:grid;place-items:center;flex:none;border-radius:9px}.cta__icon{width:39px;height:39px;font-size:20px;background:#ffffff14;color:#d2eaf2}.card__text{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.cta__label,.card__label{font-weight:800;text-transform:uppercase;line-height:1.4}.cta__label{font-size:13px}.cta__desc{font-size:9px;line-height:1.6;color:#c2dce5}.card__arrow{flex:none;font-size:17px;color:#82b1c2}.links{display:flex;flex-direction:column;gap:10px}.card{min-height:62px;padding:12px 15px 12px 13px;border:1px solid #dceaf0;background:#fff;box-shadow:0 2px 4px #174d6603}.card__icon{width:33px;height:33px;background:#f0f8fb;color:#006083;font-size:17px}.card__label{color:#103e52;font-size:11px;letter-spacing:.15px}.card__desc{color:#7b929e;font-size:9px;line-height:1.5}.card__dot{flex:none;width:6px;height:6px;border-radius:50%;background:#c5dce7}.socials{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.social{width:100%}.footer{margin-top:4px;text-align:center;color:#78909d;font-size:8px;font-weight:600;line-height:1.6;letter-spacing:.4px;text-transform:uppercase}a:focus-visible{outline:3px solid #1682a9;outline-offset:4px}.profile{animation:rise .6s ease-out backwards}.footer{animation:rise .5s ease-out .55s backwards}.profile__logo{transition:transform .4s ease,box-shadow .4s ease}.profile:before,.profile:after{transition:transform .7s ease,border-color .7s ease}.tag{transition:background .24s ease,border-color .24s ease}.cta{position:relative;isolation:isolate;overflow:hidden}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff1f 50%,transparent 80%);transform:translate(-120%)}.cta__icon,.card__icon,.card__arrow,.card__dot,.social svg{transition:transform .24s ease,color .24s ease,background .24s ease,box-shadow .24s ease}.cta:focus-visible{background:#086681;box-shadow:0 12px 24px -9px #07557070}.card:focus-visible{border-color:#7bb4c9;box-shadow:0 10px 22px -12px #07557060}.card:focus-visible .card__icon{background:#075570;color:#fff}.social:focus-visible{background:#e6f1f6}@media(hover:hover)and (pointer:fine){.profile:hover .profile__logo{transform:translateY(-3px) rotate(-4deg) scale(1.04);box-shadow:0 0 0 8px #ffffff09,0 10px 25px #001a2a45}.profile:hover:before{transform:scale(1.12);border-color:#ffffff16}.profile:hover:after{transform:scale(1.2);border-color:#ffffff20}.tag:hover{background:#1c6076;border-color:#4b8fa5}.cta:hover{transform:translateY(-3px);background:#086681;box-shadow:0 12px 24px -9px #07557070}.cta:hover:before{animation:sheen .75s ease-out}.cta:hover .cta__icon{transform:rotate(-6deg);background:#ffffff24}.cta:hover .card__arrow{transform:translate(4px);color:#fff}.card:hover{transform:translateY(-3px);border-color:#7bb4c9;box-shadow:0 10px 22px -12px #07557060}.card:hover .card__icon{transform:scale(1.08);background:#075570;color:#fff}.card:hover .card__dot{background:#1682a9;box-shadow:0 0 0 4px #1682a915}.social:hover{background:#e6f1f6;transform:translateY(-3px)}.social:hover svg{transform:rotate(-8deg) scale(1.12)}}.cta:active,.card:active,.social:active{transform:scale(.98)}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:601px){.socials{flex-direction:row;justify-content:center;gap:6px;margin-top:20px}.social{display:grid;place-items:center;width:36px;height:44px;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none}.social .card__icon{width:auto;height:auto;background:transparent;color:#005b7d;font-size:18px}.social .card__text,.social .card__dot{display:none}.social:hover,.social:focus-visible{box-shadow:none}.social:hover .card__icon,.social:focus-visible .card__icon{background:transparent;color:#005b7d;transform:none}}@media(max-width:350px){.profile{padding-inline:16px}.profile__name{font-size:23px}.cta{gap:9px;padding-inline:12px}.cta__label{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.page *{transform:none!important}.profile:before,.profile:after{transform:none!important}.cta:before{display:none}}