@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@500;600&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#fff7ea;background:#8d3b12;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 0,#b4591b 0,#8d3b12 55%,#672a10 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:28px 18px 44px}.profile{width:min(100%,580px);margin:auto;background:#d8610d;border:1px solid rgba(255,199,128,.35);border-radius:28px;box-shadow:0 28px 60px rgba(61,20,3,.32);overflow:hidden}.profile-header{position:relative;padding:70px 30px 30px;text-align:center;background:linear-gradient(155deg,#dc690f 0%,#c5520b 100%)}.profile-share{position:absolute;right:26px;top:25px}.icon-button{display:grid;place-items:center;width:42px;height:42px;color:#fff4e4;background:#85330e;border:1px solid rgba(255,255,255,.32);border-radius:14px}.icon-button:hover,.icon-button:focus-visible{background:#65250a}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-logo{display:block;width:104px;height:104px;object-fit:cover;border-radius:50%;border:4px solid #fff6e8;margin:0 auto 20px;box-shadow:0 10px 25px rgba(69,22,4,.25)}.eyebrow{margin:0;color:#ffe0bd;letter-spacing:.16em;font-size:.75rem;font-weight:700}.profile h1{font-family:Oswald,Impact,sans-serif;font-size:2.35rem;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;margin:8px 0 10px}.tagline{margin:0;color:#fff2df;font-size:1rem;line-height:1.5}.socials{display:flex;justify-content:center;gap:12px;margin-top:24px}.socials a{display:grid;place-items:center;width:48px;height:48px;background:#fff3df;border:1px solid #fff9ed;border-radius:50%;box-shadow:0 5px 0 #86320b;transition:transform .16s,box-shadow .16s}.socials a:hover,.socials a:focus-visible{transform:translateY(-3px);box-shadow:0 8px 0 #86320b}.socials img{filter:invert(19%) sepia(39%) saturate(2698%) hue-rotate(347deg) brightness(90%) contrast(96%)}.links{display:grid;gap:15px;padding:8px 26px 36px}.link-card{position:relative;border:2px solid #5d230d;border-radius:24px;background:#e57215;box-shadow:0 5px 0 #5d230d;transition:transform .16s,box-shadow .16s}.link-card:hover,.link-card:focus-within{transform:translateY(-2px);box-shadow:0 7px 0 #5d230d}.feature-card{overflow:hidden}.feature-link{display:block;padding:12px 12px 0}.feature-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:15px}.feature-caption{min-height:66px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:1rem}.open-icon{font-size:1.2rem;font-weight:400}.simple-card{min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center}.simple-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:70px;padding:12px 52px;font-weight:700;line-height:1.3}.card-hint{font-size:.79rem;font-weight:500;color:#ffe1c1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px}.card-share{position:absolute;z-index:2;right:10px;bottom:11px;width:32px;height:36px;background:transparent;color:#ffecd5;border:0;border-radius:9px;font-size:1.4rem;line-height:1}.card-share:hover,.card-share:focus-visible{background:rgba(75,25,3,.28)}footer{text-align:center;padding:0 20px 32px;color:#ffdfbc;font-size:.85rem}.share-dialog{width:min(calc(100% - 32px),440px);max-height:calc(100% - 32px);overflow:auto;padding:24px;border:1px solid #e7ba8f;border-radius:20px;background:#fff9f0;color:#54220d;box-shadow:0 25px 80px rgba(27,8,1,.45)}.share-dialog::backdrop{background:rgba(30,10,2,.66)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.share-dialog .eyebrow{color:#9d4a15}.share-dialog h2{font-family:Oswald,Impact,sans-serif;text-transform:uppercase;font-size:1.8rem;margin:3px 0}.dialog-close{font-size:1.8rem;line-height:1;background:#f2dfca;border:0;border-radius:50%;width:36px;height:36px;color:#54220d}.share-subtitle{margin:10px 0 20px;line-height:1.4}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-options a{display:grid;place-items:center;min-height:45px;padding:7px;background:#f5e3cd;border:1px solid #e9c29c;border-radius:11px;font-size:.85rem;font-weight:700;text-align:center}.share-options a:hover,.share-options a:focus-visible{background:#eacaa7}.copy-row{display:flex;gap:7px;margin-top:20px}.copy-row input{min-width:0;flex:1;padding:10px;border:1px solid #d7af87;border-radius:10px;background:white;color:#54220d;font:inherit;font-size:.8rem}.copy-row button{padding:8px 13px;color:white;background:#933d10;border:0;border-radius:10px;font-weight:700}.copy-status{min-height:1.2em;margin:9px 0 0;color:#74300d;font-size:.85rem}:focus-visible{outline:3px solid #fff0ba;outline-offset:3px}.share-dialog :focus-visible{outline-color:#b54b13}@media(max-width:600px){.page-shell{padding:0}.profile{border:0;border-radius:0;min-height:100vh;box-shadow:none}.profile-header{padding:67px 22px 29px}.links{padding:8px 18px 40px;gap:14px}.profile h1{font-size:2.15rem}.profile-share{right:19px;top:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
