:root{--ink:#322a3b;--muted:#716680;--line:#e7dce8;--cream:#fbf7f0;--purple:#9872bb;--darkpurple:#6f4e95;--pink:#f3b7d4;--white:#fffefd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:ui-rounded,'Trebuchet MS','Arial Rounded MT Bold',system-ui,-apple-system,'Segoe UI',sans-serif}
.public-page{min-height:100svh;background:radial-gradient(ellipse at 0% 0%,#fce0ee 0,transparent 32%),radial-gradient(ellipse at 96% 35%,#e8d6fc 0,transparent 34%),radial-gradient(ellipse at 16% 100%,#fae8d7 0,transparent 36%),#fbf7f0}
.shell{width:min(calc(100% - 32px),480px);padding:25px 0 48px;margin:auto}
.tiny-top{display:flex;align-items:center;justify-content:space-between;padding:0 5px;margin-bottom:16px;color:#8367a1;letter-spacing:.105em;font-size:10px;font-weight:850}.blip{display:inline-block;width:9px;height:9px;border-radius:50%;background:#f09cbe;box-shadow:0 0 0 4px #fff0f5;margin-right:4px}
.hero-card{background:rgba(255,254,252,.95);border:1px solid #e8d9e8;border-radius:29px;overflow:hidden;box-shadow:0 18px 46px rgba(100,63,99,.09)}
.banner{height:161px;position:relative;overflow:hidden;background:linear-gradient(128deg,#ebceef 2%,#e6cff6 45%,#f7d6e3 100%)}
.banner:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(transparent,rgba(248,241,248,.14));pointer-events:none}
.banner-pattern{position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 48%,#ffffff40 50%,transparent 52%);background-size:55px 55px;display:flex;align-items:center;justify-content:space-around;color:#fff;transform:rotate(-5deg)}
.banner-pattern i{font-size:65px;font-style:normal;opacity:.58;text-shadow:0 8px 15px #bc9bc6}.banner-pattern i:nth-child(2){font-size:35px;align-self:flex-start;margin-top:35px}.banner-pattern i:nth-child(3){font-size:84px;align-self:flex-end;margin-bottom:-10px}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-details{text-align:center;padding:0 27px 31px;position:relative}
.brand-logo{position:relative;display:block;width:min(78%,290px);height:auto;margin:-55px auto -3px;filter:drop-shadow(0 7px 9px rgba(65,40,72,.10))}
.eyebrow{display:inline-block;background:#f5ecfc;border:1px solid #e6d4f0;color:#80639e;letter-spacing:.095em;font-size:10px;font-weight:900;border-radius:999px;padding:7px 13px;margin-bottom:12px}
h1{font-size:clamp(24px,5.7vw,29px);letter-spacing:-.04em;line-height:1.15;margin:0 auto 10px;max-width:370px}
.intro{font-size:14px;line-height:1.65;color:#756e7f;margin:0 auto;max-width:360px}
.section-heading{display:flex;align-items:center;gap:13px;color:#8c72a7;font-size:11px;font-weight:900;letter-spacing:.145em;margin:29px 3px 16px;text-align:center}
.section-heading:before,.section-heading:after{content:"";height:1px;background:#e3d5e8;flex:1}
.links-grid{display:grid;gap:13px}
.link-card{--tile:#efe5fb;--accent:#8f68ba;display:flex;align-items:center;gap:14px;text-decoration:none;background:#fffefd;border:1.5px solid #e8dfe8;border-radius:20px;padding:12px 14px;min-height:76px;box-shadow:0 5px 0 #eae1ec,0 10px 20px #755b7510;transition:transform .15s,box-shadow .15s,border-color .15s;color:inherit}
.link-card:hover,.link-card:focus-visible{outline:0;border-color:#cbb2df;transform:translateY(-2px);box-shadow:0 7px 0 #eae1ec,0 14px 24px #755b7521}.link-card:focus-visible{outline:3px solid #ab87d7;outline-offset:2px}.link-card:active{transform:translateY(3px);box-shadow:0 2px 0 #eae1ec}
.link-card.featured{background:linear-gradient(115deg,#f3eaff,#fffdfd 65%);border-color:#d4bfe8}
.link-icon{background:var(--tile);color:var(--accent);border-radius:16px;flex:0 0 48px;height:48px;display:grid;place-items:center}
.link-icon svg{width:25px;height:25px}.link-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.link-title strong{font-size:16px;letter-spacing:-.035em;font-weight:900}.link-title small{color:#7e7688;font-size:12px;line-height:1.35}.link-arrow{font-weight:800;font-size:24px;color:#a894bb;margin:0 3px}
.link-card[data-color="pink"]{--tile:#ffe3ee;--accent:#cd6496}.link-card[data-color="mint"]{--tile:#e1f4e9;--accent:#398b68}.link-card[data-color="peach"]{--tile:#ffe9dc;--accent:#b5794e}.link-card[data-color="blue"]{--tile:#e1eafd;--accent:#5c82bd}.link-card[data-color="gray"]{--tile:#eeedf3;--accent:#69637c}
.thank-you{font-size:12px;line-height:1.5;color:#78668f;text-align:center;margin:31px 10px 0}.thank-you p{margin:3px 0}.little-stars{color:#eb9abb;letter-spacing:.65em;font-size:16px}.bottom-copy{text-align:center;color:#aa92b2;font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:30px}
.offline-message{text-align:center;color:#9b6a84;padding:12px;font-size:13px}
@media(max-width:380px){.shell{width:min(calc(100% - 24px),480px)}.hero-details{padding:0 18px 26px}.banner{height:143px}.link-card{padding:11px 12px}.link-title strong{font-size:15px}.link-icon{flex-basis:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none}}

[hidden]{display:none!important}
