@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Grenze;src:url('assets/grenze-gotisch.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--paper:#eee8ed;--muted:#b0a2af;--rose:#cf91aa;--teal:#9abfbc}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:30px 18px;background:#100e13;color:var(--paper);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#824355;color:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b7d8cf;outline-offset:6px}
.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 20%,#49233235,transparent 55%),radial-gradient(ellipse at 85% 80%,#1c484640,transparent 55%),#100e13}
.backdrop::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 4px);opacity:.025}
.halo{position:absolute;width:55vw;height:70vh;filter:blur(60px);border-radius:50%;opacity:.24}.halo-rose{left:-26vw;top:0;background:#8d395b}.halo-teal{right:-28vw;bottom:0;background:#3b7c79}
.chain{position:absolute;top:-50px;width:35px;height:130%;opacity:.2;background:url('assets/chain.svg') repeat-y center top/28px 90px;transform-origin:top;filter:drop-shadow(2px 3px 3px #000)}.chain-left{left:calc(50% - 345px);transform:rotate(12deg)}.chain-right{right:calc(50% - 345px);transform:rotate(-12deg)}
.profile{position:relative;width:100%;max-width:460px;padding:0 13px;background:linear-gradient(150deg,#21171ef0,#121316f7 57%,#142322e8);border:1px solid #b09aaf32;border-radius:3px;box-shadow:0 30px 100px #0008,inset 0 1px #f3dde919}
.profile::before{content:'';position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#ca8ea1,#a5c5c2,transparent)}
.topline{display:flex;align-items:center;justify-content:space-between;gap:10px;height:41px;font-size:8px;font-weight:600;letter-spacing:1.8px;color:#baadb9}.tiny-star{font-size:13px;color:#a991a4}
.portrait-frame{position:relative;margin:0;aspect-ratio:3/4;overflow:hidden;background:#272228;border:1px solid #cbb2be24}.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,#100e13db,transparent 24%),linear-gradient(90deg,#5c0f2712,transparent 30%,transparent 70%,#104c4a12);pointer-events:none}
figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#f0e4eb;font-size:8px;font-weight:600;letter-spacing:1.7px;text-shadow:0 2px 8px #000}.caption-rule{height:1px;flex:1;background:#c4abbf75;max-width:26px}.corner{position:absolute;width:28px;height:28px;pointer-events:none}.corner-tl{top:9px;left:9px;border-top:1px solid #e1c9d5a0;border-left:1px solid #e1c9d5a0}.corner-br{bottom:9px;right:9px;border-bottom:1px solid #b7d0cba0;border-right:1px solid #b7d0cba0}
.identity{text-align:center;padding:8px 0 22px}.identity h1{display:flex;justify-content:center;align-items:baseline;gap:12px;margin:0;line-height:1.3;font-family:Grenze,Georgia,serif;font-size:71px;font-weight:550;letter-spacing:-1.8px}.julia{color:#e8b6c8;text-shadow:0 0 28px #bf4b721c}.chloe{color:#b5d1ce;text-shadow:0 0 28px #4bbfa91a}.identity .amp{font-family:Georgia,serif;font-size:22px;font-style:italic;color:#8e7e8b;letter-spacing:0}
.ornament{display:flex;justify-content:center;align-items:center;gap:10px;max-width:245px;margin:0 auto 9px}.ornament>span{height:1px;width:55px;background:linear-gradient(90deg,transparent,#a994ab70)}.ornament>span:last-child{transform:rotate(180deg)}.ornament svg{width:68px;height:20px;fill:none;stroke:#aa93a5;stroke-width:.8}.identity p{margin:0;color:#b9abb9;font-size:12px;line-height:1.8;letter-spacing:.15px}
.telegram-card{display:block;position:relative;padding:19px 20px 0;border:1px solid #c48da16e;border-radius:4px;background:linear-gradient(115deg,#67354d,#482c40 55%,#294544);box-shadow:inset 0 1px #f3d4e026,0 10px 24px #0002;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.telegram-card:hover{transform:translateY(-3px);border-color:#e1b2c5;box-shadow:0 10px 30px #833e4d30,inset 0 1px #fff2}.telegram-card:active{transform:translateY(0)}.cta-top{display:flex;align-items:center;gap:13px}.telegram-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid #e0c1d35e;border-radius:50%;background:#eecfe80a}.telegram-icon svg{width:23px;height:23px;fill:#f4e4ec}.cta-copy{display:flex;flex-direction:column;gap:3px}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#e0c5d5;font-weight:600}.cta-copy strong{font-size:27px;letter-spacing:-.8px;line-height:1.25;font-weight:800;color:#fff5fa}.arrow{margin-left:auto;font-size:27px;color:#c4d7d4;font-weight:300}.cta-description{display:block;max-width:300px;margin:13px 0 17px;color:#e1ceda;font-size:12px;line-height:1.75}.cta-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3c5d72b;min-height:37px;font-size:8px;letter-spacing:1.5px;color:#c9bdc7;font-weight:600}.cta-bottom>span:last-child{font-size:18px;color:#d3e0dd}
.afterword{display:flex;align-items:center;justify-content:center;gap:7px;color:#a998a9;font-size:10px;margin:18px 0 0}.afterword>span{color:#c591ad;font-size:16px}footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 0 18px;font-size:8px;color:#7f7384;letter-spacing:.5px}footer>span{font-size:10px;color:#8b7186}
@media(min-width:1000px){.profile{max-width:440px}}
@media(max-width:520px){body{padding:12px 12px}.profile{padding:0 10px}.topline{height:35px;font-size:7px;letter-spacing:1.3px}.identity h1{font-size:clamp(52px,15vw,71px);gap:10px}.identity{padding-bottom:20px}.telegram-card{padding:17px 15px 0}.cta-top{gap:11px}.cta-copy strong{font-size:25px}.cta-description{font-size:12px}.chain-left{left:3%;opacity:.12}.chain-right{right:3%;opacity:.12}figcaption{font-size:7px;letter-spacing:1.3px;left:14px;right:14px}.halo{width:85vw;opacity:.22}}
@media(max-width:350px){.identity h1{font-size:51px}.identity .amp{font-size:19px}.topline{font-size:6px;letter-spacing:1px}.telegram-icon{width:37px;height:37px}.cta-copy strong{font-size:23px}.eyebrow{font-size:7px;letter-spacing:1px}.arrow{font-size:24px}.telegram-card{padding:15px 12px 0}.cta-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}