@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#eae9e2;--ink:#242a22;--muted:#73776d;--card:#f8f8f0;--accent:#c5ed87;--line:#dadcd0;--shadow:#555b3b26}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;transition:background .4s,color .4s;min-height:100svh;display:flex;flex-direction:column}body[data-theme="night"]{--bg:#1f2825;--ink:#eff1e8;--muted:#a4b0a7;--card:#2c3832;--accent:#b9e88b;--line:#435047;--shadow:#0005}body[data-theme="peach"]{--bg:#f1e2d8;--ink:#49382f;--muted:#91796b;--card:#fff6ed;--accent:#ffb28f;--line:#ead7c8;--shadow:#7a473026}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--muted);outline-offset:6px}header{margin:0 5%;height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:34px;font-weight:700;letter-spacing:-2px}.wordmark span{font:11px 'DM Sans',sans-serif;vertical-align:top;position:relative;top:8px;left:5px}.header-note,.eyebrow,.card-top,.connect-label,.card-bottom,footer{font-size:10px;letter-spacing:1.7px;font-weight:500}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:23px;display:grid;place-items:center}.theme-toggle:hover{background:var(--card)}main{flex:1;text-align:center;padding:60px 20px 35px}.eyebrow{display:inline-flex;gap:9px;align-items:center}.dot{width:6px;height:6px;background:var(--ink);border-radius:50%}h1{font:500 clamp(32px,4.2vw,52px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:18px 0 12px}.intro>p{font-size:14px;color:var(--muted);margin:0}.comma{color:var(--muted)}.card-scene{perspective:1000px;max-width:460px;margin:40px auto 0}.card{text-align:left;background:var(--card);border:1px solid color-mix(in srgb,var(--line),transparent 25%);border-radius:18px;box-shadow:0 28px 60px -20px var(--shadow),0 4px 10px #00000004;padding:27px 30px 20px;transform:rotate(-2deg);transition:transform .2s ease-out,background .4s;position:relative;overflow:hidden}.card:before{content:'';position:absolute;top:-90px;right:-75px;width:220px;height:220px;border:1px solid var(--line);border-radius:50%;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px}.sparkle{font-size:29px;line-height:1;position:relative}.identity{display:flex;gap:20px;align-items:center;margin:31px 0}.portrait{width:82px;height:92px;flex-shrink:0;border-radius:40px 40px 15px 15px;background:var(--accent);overflow:hidden;display:grid;place-items:center;color:var(--ink)}.portrait svg{width:72px;fill:currentColor;opacity:.8;align-self:end}.identity h2{font:600 31px/1.08 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0 0 8px}.identity h2 span{color:var(--muted)}.identity p{font-size:13px;color:var(--muted);margin:0}.rule{height:1px;background:var(--line)}.connect-label{font-size:9px;letter-spacing:1.6px;margin:23px 0 13px;color:var(--muted)}.socials{display:grid;gap:9px}.social{width:100%;background:transparent;border:1px solid var(--line);border-radius:10px;text-align:left;display:flex;align-items:center;padding:13px 15px;gap:13px;transition:background .2s,transform .2s}.social:hover{background:var(--accent);color:#242a22;transform:translateX(3px)}.network-icon{width:25px;font-family:Arial,sans-serif;font-weight:700;font-size:23px;text-align:center}.linkedin{font-size:18px;letter-spacing:-1px}.social>span:nth-child(2){font-size:14px;font-weight:600}.social small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.social:hover small{color:#566143}.arrow{margin-left:auto;font-size:23px;font-weight:400}.card-bottom{display:flex;justify-content:space-between;margin-top:26px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.hint{font-size:11px;color:var(--muted);margin:29px 0 0}.hint>span{display:inline-block;margin-right:6px;font-size:16px}.notice{font-size:12px;color:var(--muted);min-height:18px;margin:15px 0 0}footer{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:23px 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.2px;color:var(--muted)}.surprise{background:none;border:0;font-size:11px;letter-spacing:0;padding:8px}.surprise span{display:inline-block;font-size:17px;margin-left:7px;transition:transform .4s}.surprise:hover span{transform:rotate(180deg)}.confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99}.surprise.celebrating{background:var(--accent);color:#242a22;border-radius:8px}.surprise.celebrating span{transform:rotate(180deg)}@media(max-width:600px){header{height:78px}.header-note{display:none}main{padding-top:40px}h1{letter-spacing:-1.5px}.card-scene{margin-top:32px}.card{padding:23px 23px 19px}.identity{margin:27px 0}.hint{font-size:10px}footer{flex-wrap:wrap;gap:12px;justify-content:space-between}footer>span:first-child{display:none}.surprise{padding-left:0}.card-bottom{letter-spacing:.8px;font-size:7px}}body[data-motion="off"] *,body[data-motion="off"] *:before,body[data-motion="off"] *:after{animation:none!important;transition:none!important}body[data-motion="off"] .card{transform:none!important}

.portrait{width:100px;height:116px;border-radius:18px;display:block}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% 30%;transform:scale(1.55);transform-origin:35% 30%}.identity{gap:16px}

.motion-toggle{border:1px solid var(--line);border-radius:20px;padding:8px 12px;background:var(--card);font-size:10px;white-space:nowrap}.motion-toggle[aria-pressed="true"]{border-color:var(--muted)}footer{gap:10px;flex-wrap:wrap}