@font-face{font-family:Vietnam;src:url('assets/vietnam.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Vietnam;src:url('assets/vietnam-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:Editorial;src:url('assets/editorial.otf') format('opentype');font-display:swap}
:root{color-scheme:dark;font-family:Vietnam,Arial,sans-serif;color:#fff4e9;background:#972526;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 38% 0%,#bb402a 0%,#a93026 38%,#902126 100%);position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
main{width:min(100% - 40px,440px);padding-top:38px}.profile{text-align:center}.portrait{display:block;width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:50% 26%;margin:0 auto 24px;border:3px solid #ead9cf99;box-shadow:0 0 0 7px #ffffff09}
h1{font-family:Editorial,Georgia,serif;font-style:italic;font-size:34px;font-weight:400;line-height:1.2;margin:0 0 12px}.profile p{font-size:16px;line-height:1.6;color:#f3d7cc;margin:0 auto;max-width:365px}.links{display:grid;gap:14px;margin-top:34px}.card{position:relative;display:flex;align-items:center;gap:15px;padding:19px 17px;width:100%;min-height:82px;border:1px solid #f5d5c53d;border-radius:17px;background:#ffffff09;color:inherit;text-decoration:none;text-align:left;font:inherit;box-shadow:inset 0 1px 0 #ffffff04;transition:background .2s,border-color .2s,transform .2s}.card:disabled{opacity:1;cursor:default;-webkit-text-fill-color:currentColor}.card.featured:hover{background:#ffffff15;border-color:#f5d5c580;transform:translateY(-2px)}.card:focus-visible{outline:3px solid #ffdeac;outline-offset:5px}.featured{background:#ffffff0d}.badge{position:absolute;right:15px;top:-10px;border-radius:20px;padding:4px 10px;background:#e95818;font-size:10px;font-weight:700;letter-spacing:.05em;line-height:1.3;color:white}.icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#ffffff0d;border-radius:12px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.copy{display:grid;gap:4px}.copy strong{font-size:16px;font-weight:600;line-height:1.4}.copy>span{font-size:14px;color:#f0d2c7;line-height:1.5}.free{white-space:nowrap;font-size:14px;font-weight:400}.social{display:flex;justify-content:center;margin:29px 0 36px}.social button{display:grid;place-items:center;border:1px solid #f5d5c540;background:#ffffff09;color:#fff4e9;width:44px;height:44px;border-radius:50%;opacity:1}.dot{fill:currentColor;stroke:none}footer{margin-top:auto;padding:36px 20px 28px;text-align:center;color:#e6b7ab}footer img{object-fit:contain;filter:brightness(0) invert(94%) sepia(14%) saturate(361%);display:block;margin:0 auto 10px}footer p{font-size:12px;margin:0;line-height:1.5}@media(min-height:850px){footer{padding-top:90px}}@media(max-width:380px){main{width:calc(100% - 30px);padding-top:30px}.card{padding:17px 13px;gap:12px}.copy strong{font-size:15px}.free{font-size:13px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.card{transition:none}}