@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-display:swap;font-weight:200 800}
:root{color-scheme:dark;--bg:#111014;--silver:#e5e8ee;--copper:#d78048;--muted:#b6afb0}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--bg);color:#f3eeee;font:16px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding:28px 18px 36px}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #f5c29d;outline-offset:6px}::selection{background:#a85631;color:#fff}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 18% 26%,#a3b8d017,transparent 46%),radial-gradient(ellipse at 85% 69%,#c6612923,transparent 48%),linear-gradient(115deg,#111217,#101014 52%,#1d130f)}.page{width:min(100%,500px);margin:auto}.page-header{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 17px;color:#b6afb7;letter-spacing:2.2px;font-size:10px;font-weight:600}.tiny-star{font-size:21px;line-height:1;color:#d4dbe6}.copper{color:#d98a54}.profile{position:relative;isolation:isolate;border:1px solid #b6a18d33;border-radius:8px;box-shadow:0 25px 80px #0006;background:#111014;overflow:hidden}.portrait-frame{position:relative;overflow:hidden;margin:10px 10px 0;aspect-ratio:3/3.55;background:#242329}.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 29%}.photo-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#111014 0%,#1110148a 9%,transparent 29%),linear-gradient(90deg,#cad8e20d,transparent 45%,#bd6c350b)}.photo-note{position:absolute;bottom:24px;left:12px;right:12px;text-align:center;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#f1e9e5;text-shadow:0 2px 5px #0008}.motion-toggle{position:absolute;top:13px;right:13px;width:35px;height:35px;padding:8px;display:grid;place-items:center;border-radius:50%;background:#18171b91;border:1px solid #e9e4e461;backdrop-filter:blur(6px);color:#fff;cursor:pointer}.motion-toggle svg{width:18px;height:18px}.pause-icon{fill:none;stroke:currentColor;stroke-width:1.7}.play-icon{fill:currentColor;display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.identity{position:relative;isolation:isolate;margin-top:-3px;min-height:202px;display:flex;align-items:end;justify-content:center;padding:63px 16px 15px}.totems{position:absolute;z-index:-1;inset:-73px 0 auto;width:100%;height:263px;object-fit:cover;object-position:center 38%;opacity:.67;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(transparent,#000 20%,#000 48%,transparent 95%)}.name-block{text-align:center;width:100%;position:relative}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.15px;margin:0 0 10px;color:#c5b2a8;text-shadow:0 2px 10px #000}h1{margin:0;display:flex;align-items:baseline;justify-content:center;gap:13px;font-family:Instrument,Georgia,serif;font-size:74px;font-weight:400;line-height:1.06;letter-spacing:-1.8px;text-shadow:0 4px 25px #0007}.sheri{position:relative;display:inline-block;color:#e5e8ee;background:linear-gradient(135deg,#a8b1c1 0%,#fff 24%,#c5cad4 40%,#fff 51%,#b1b8c5 71%,#f6f8ff 87%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px #c9dcff16)}.and{font-family:Instrument,Georgia,serif;font-size:23px;font-style:italic;font-weight:400;color:#a59b9a;letter-spacing:0;align-self:center;margin-top:18px}.mikaela{color:#d87940;background:linear-gradient(135deg,#c7763f,#e89b5a 38%,#be642e 75%,#d4894e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.diamond{position:absolute;font-family:Arial,sans-serif;color:#fff;-webkit-text-fill-color:#fff;line-height:1;filter:drop-shadow(0 0 5px #d2e0ff);animation:diamond-light 5s ease-in-out infinite}.diamond-one{font-size:19px;top:-3px;left:26%}.diamond-two{font-size:11px;right:4px;bottom:7px;animation-delay:-2s}.intro{font-size:14px;color:#c1b6b4;margin:12px 0 0;letter-spacing:-.15px}.invitation{padding:14px 23px 0}.telegram-card{display:block;position:relative;overflow:hidden;border-radius:12px;border:1px solid #dea37388;background:linear-gradient(115deg,#96502f,#b36132 47%,#a05128);box-shadow:inset 0 1px #ffe5c633,0 6px 35px #a44e211c;padding:20px 23px 18px;transition:transform .2s,box-shadow .2s,background .2s}.telegram-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#fff3 48%,transparent 70%);transform:translateX(-150%);animation:button-sheen 9s ease-in-out infinite}.telegram-card:hover{transform:translateY(-2px);box-shadow:0 8px 35px #b4643540;background:linear-gradient(115deg,#a65b36,#c37541 47%,#aa572c)}.telegram-card:active{transform:translateY(0)}.cta-top{display:flex;align-items:center;gap:15px}.telegram-icon{flex-shrink:0;display:grid;place-items:center;width:47px;height:47px;border:1px solid #fff7;border-radius:50%;background:#fff1}.telegram-icon svg{width:23px;height:23px;fill:#fff}.cta-label{display:flex;flex-direction:column;gap:0}.cta-kicker{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#ffe5cf}.cta-label strong{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:800;color:#fff}.cta-star{margin-left:auto;font-size:33px;color:#f4d1af;line-height:1}.cta-description{display:block;font-size:14px;line-height:1.7;color:#ffecdf;margin-top:14px;padding-top:13px;border-top:1px solid #ffdfbd30}.invitation-note{font-size:11px;color:#ad9d97;text-align:center;margin:13px 0 0}footer{display:flex;justify-content:center;align-items:center;gap:12px;margin:23px 20px 0;border-top:1px solid #ffffff0b;padding:15px 0;font-size:9px;color:#8f8584}footer>span:nth-child(2){color:#ac7754;font-size:12px}.footer-and{font-size:8px;color:#847b7b}.sparkles{position:absolute;inset:0;pointer-events:none}.spark{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#f3f5ff;clip-path:polygon(50% 0,59% 40%,100% 50%,59% 60%,50% 100%,41% 60%,0 50%,41% 40%);opacity:0;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.spark:nth-child(3n){background:#eeb484}.paused .spark,.paused .diamond,.paused .telegram-card::after{animation-play-state:paused}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.3)}45%{opacity:.8;transform:scale(1) rotate(12deg)}70%{opacity:.15}}@keyframes diamond-light{0%,100%{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}@keyframes button-sheen{0%,70%{transform:translateX(-150%)}90%,100%{transform:translateX(150%)}}
@media(min-width:1100px){body{padding-top:28px}.page{width:470px}.portrait-frame{aspect-ratio:3/3.35}h1{font-size:70px}.identity{min-height:194px;padding-top:59px}}
@media(max-width:520px){body{padding:16px 12px 24px}.page-header{font-size:9px;letter-spacing:1.9px;margin-bottom:13px}.portrait-frame{margin:7px 7px 0;aspect-ratio:3/3.7}.photo-note{font-size:8px;letter-spacing:1.1px;bottom:22px}.identity{padding:62px 9px 12px;min-height:178px}.totems{height:235px;top:-67px;opacity:.65}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:9px}h1{font-size:clamp(44px,14.3vw,70px);gap:9px;letter-spacing:-1px}.and{font-size:19px;margin-top:10px}.intro{font-size:12px;margin-top:10px}.diamond-one{font-size:15px;top:-2px}.diamond-two{font-size:9px}.invitation{padding:13px 16px 0}.telegram-card{padding:18px 17px 16px}.cta-top{gap:12px}.telegram-icon{width:42px;height:42px}.cta-kicker{font-size:8px;letter-spacing:1px}.cta-label strong{font-size:27px}.cta-star{font-size:27px}.cta-description{font-size:13px;margin-top:13px;padding-top:12px}.invitation-note{font-size:10px}.motion-toggle{width:33px;height:33px}footer{gap:9px;margin-top:20px;margin-left:16px;margin-right:16px;font-size:8px}}
@media(max-width:350px){.telegram-card{padding:16px 13px}.cta-label strong{font-size:23px}.cta-star{display:none}.cta-description{font-size:12px}.invitation{padding-left:12px;padding-right:12px}.intro{font-size:11px}.identity{min-height:166px}.totems{height:220px}.photo-note{font-size:7px}footer{flex-wrap:wrap;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.spark{opacity:.25}.diamond{opacity:.85}.motion-toggle{display:none}.telegram-card::after{display:none}}