@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@600;700&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";#root{min-height:100svh}:root{--paper:#fff8f6;--paper-glass:#fff8f6c7;--paper-solid:#fff;--brown:#321707;--brown-soft:#613f2b;--green:#54652a;--green-soft:#d6eba1;--banana:#f1c100;--outline:#4b2c1a24;--shadow:0 24px 70px #4b2c1a29;--heading:"Be Vietnam Pro", sans-serif;--body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-width:320px;min-height:100svh;color:var(--brown);font-family:var(--body);margin:0}button,a{font:inherit}.page-shell{background:linear-gradient(#fff8f633,#fff8f62e),url(/assets/background.png) 50%/cover no-repeat;place-items:center;min-height:100svh;padding:32px 18px 22px;display:grid;position:relative;overflow:hidden}.page-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 38%,#fff3,#0000 30%),linear-gradient(#fff8f60f,#fff8f647);position:absolute;inset:0}.profile-card{z-index:1;background:var(--paper-glass);width:min(100%,398px);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(18px)saturate(132%);backdrop-filter:blur(18px)saturate(132%);border:1px solid #ffffffbd;border-radius:34px;flex-direction:column;align-items:center;padding:34px 22px 24px;animation:.68s ease-out both card-enter;display:flex;position:relative}.profile-card:before{z-index:-1;content:"";border:1px solid #4b2c1a12;border-radius:26px;position:absolute;inset:12px}.brand-logo{background:var(--paper-solid);object-fit:cover;border:6px solid #ffffffe0;border-radius:999px;width:116px;height:116px;box-shadow:0 14px 36px #4b2c1a21}.brand-copy{margin-top:20px}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:.74rem;font-weight:700}h1{color:var(--brown);font-family:var(--heading);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,11vw,3rem);font-weight:700;line-height:1}.tagline{max-width:280px;color:var(--brown-soft);margin:12px auto 0;font-size:.98rem;line-height:1.55}.link-list{gap:13px;width:100%;margin-top:32px;display:grid}.link-button{border:1px solid var(--outline);min-height:58px;color:var(--brown);letter-spacing:.01em;background:#ffffffe6;border-radius:17px;justify-content:center;align-items:center;padding:0 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:flex;box-shadow:0 10px 28px #4b2c1a12}.link-button:hover,.link-button:focus-visible{background:#fffffffa;border-color:#54652a5c;transform:translateY(-2px);box-shadow:0 16px 32px #4b2c1a1f}.link-button:focus-visible,.share-button:focus-visible{outline-offset:3px;outline:3px solid #f1c10094}.link-icon{object-fit:contain;width:24px;height:24px;position:absolute;left:38px}.share-button{border:1px solid var(--outline);width:48px;height:48px;color:var(--green);cursor:pointer;background:#ffffffeb;border-radius:999px;place-items:center;margin-top:24px;transition:transform .18s,background .18s;display:grid;box-shadow:0 12px 26px #4b2c1a1f}.share-button:hover{background:var(--green-soft);transform:translateY(-2px)rotate(-4deg)}.share-button svg{fill:currentColor;width:21px;height:21px}.footer{z-index:1;color:#321707a3;text-align:center;margin:0;font-size:.78rem;font-weight:600;position:absolute;bottom:13px}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=720px){.page-shell{padding:48px 24px 26px}.profile-card{width:min(100%,430px);padding:38px 28px 28px}.brand-logo{width:124px;height:124px}}@media (height<=700px){.page-shell{align-items:start;padding-top:22px}.profile-card{padding-top:24px}.brand-logo{width:98px;height:98px}.link-list{margin-top:22px}}