*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100vh;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden;overflow-x:hidden;background-color:#050505;background-image:linear-gradient(#08080c7a,#08080c7a),url(/assets/bg-red-reference-CcjQqaor.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#2e4fa8;position:relative}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}#bg-canvas,#designer-card{position:fixed;inset:0;width:100%;height:100%}#bg-canvas{z-index:0;opacity:.76;mix-blend-mode:screen}@media(hover:none),(pointer:coarse){#bg-canvas{opacity:.92;mix-blend-mode:normal}}#designer-card{z-index:1;display:grid;place-items:center;padding:1.15rem;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.card{width:100%;border:none;border-radius:28px;padding:28px 24px;background:linear-gradient(155deg,#ffffff16,#ffffff08 38%,#ffffff04),#ffffff08;backdrop-filter:blur(40px) saturate(190%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(190%) brightness(1.08);color:#f7f9ff;display:grid;gap:14px;position:relative;transform:perspective(900px) rotateX(0) rotateY(0);transform-style:preserve-3d;will-change:transform;overflow:visible;box-shadow:0 2px 4px #00000014,0 10px 22px #00000029,0 28px 56px #0000004d,0 56px 92px #00000038,inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f}@media(prefers-color-scheme:dark){.card{background:linear-gradient(160deg,#7896ff12,#4b5fb406 45%,#1e235004),#12162e3d;backdrop-filter:blur(44px) saturate(170%) brightness(.9);-webkit-backdrop-filter:blur(44px) saturate(170%) brightness(.9);box-shadow:0 2px 4px #0000001a,0 10px 24px #00000038,0 28px 60px #00000057,0 56px 94px #00000047,inset 0 1px #ffffff24,inset 0 -1px #ffffff0a}}.card-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;--shine-x: 50%;--shine-y: 50%;background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.07) 0%,rgba(255,255,255,0) 56%)}.card>*:not(.card-shine){position:relative;z-index:2;transform:translateZ(26px)}.card>*:not(.card-shine):not(.card-caustic){position:relative;z-index:3}.card-caustic{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;--caustic-x: 50%;--caustic-y: 50%;--caustic-opacity: .55;--caustic-tilt-x: 0deg;--caustic-tilt-y: 0deg;opacity:var(--caustic-opacity);background:radial-gradient(ellipse at var(--caustic-x) var(--caustic-y),rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 48%),linear-gradient(115deg,#fff0dc00 20%,#ffffff26 36%,#ffaa6e1f 48%,#fff0 64%);mix-blend-mode:screen;transform:translateZ(18px) rotateX(var(--caustic-tilt-y)) rotateY(var(--caustic-tilt-x));filter:blur(10px) saturate(130%);animation:caustic-drift 7.5s ease-in-out infinite alternate}.cursor-dot{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 12px #ff785073;pointer-events:none;z-index:30;transform:translate3d(-50%,-50%,0)}.copy-toast{position:fixed;top:16px;right:16px;z-index:40;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#14141e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffeb;font-size:12px;letter-spacing:.01em;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.copy-toast.is-visible{opacity:1;transform:translateY(0)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.04) 30%,transparent 60%);pointer-events:none;border:none;z-index:1}.card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(120deg,#ffffff2e,#ffaa781f,#8cc8ff14,#ffffff08);border:none;border-image:none;box-shadow:inset 0 1px #ffffff42,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0d,inset 0 -1px #ffffff0d;opacity:.45;pointer-events:none;z-index:1}.card-wrap{position:relative;display:inline-block;width:min(90vw,380px)}.card-splay{position:absolute;inset:0;z-index:-1;filter:blur(70px);background:radial-gradient(ellipse at 50% 40%,rgba(255,100,60,.18),transparent 70%);transform:scale(1.2) translateY(12px);pointer-events:none}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.share-btn{width:2rem;height:2rem;border-radius:999px;border:0;background:transparent;color:#ffffffeb;display:grid;place-items:center;cursor:pointer}.avatar-wrap{margin-top:0}.avatar{width:4.35rem;height:4.35rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#f42,#f86);display:grid;place-items:center;font-family:"DM Serif Display",Georgia,serif;font-size:1.45rem;letter-spacing:.04em;color:#fff}.name{font-size:clamp(2rem,7.3vw,2.35rem);line-height:1.05;font-weight:400;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin-top:.25rem;color:#fff}.role{margin-top:-.15rem;font-size:.72rem;letter-spacing:.14em;font-variant:normal;text-transform:none;color:#fff}.bio{font-size:13px;color:#ffffff8c;margin-bottom:12px}.tags-carousel{width:100%;margin-top:12px;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)}.tags-track{width:max-content;display:flex;gap:.5rem;animation:tags-marquee 24s linear infinite}.tag{flex:0 0 auto;font-size:.84rem;color:#ffffffeb;background:#ffffff1a;border:1px solid rgba(255,100,80,.25);border-radius:999px;padding:.34rem .8rem;white-space:nowrap}@keyframes tags-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes caustic-drift{0%{background-position:0% 0%,-40% 0%}to{background-position:0% 0%,140% 0%}}@media(prefers-reduced-motion:reduce){.tags-track,.card-caustic{animation:none}}@media(hover:hover)and (pointer:fine){body,a,button{cursor:none!important}}.stats{margin-top:calc(.15rem + 12px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{padding:12px 8px;text-align:center;background:#ffffff0a;border:1px solid rgba(255,100,80,.15);border-radius:14px}.stat-value{display:block;font-size:18px;font-weight:600;line-height:1.2;color:#fff}.stat-label{display:block;margin-top:2px;font-size:11px;color:#ffffff73}.actions{margin-top:.22rem;display:flex;align-items:center;gap:10px}.cta{flex:1;display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:20px;padding:.85rem 1rem;text-decoration:none;font-size:14px;font-weight:500;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff38;transition:background-color .2s ease,transform .2s ease}.cta:hover,.cta:focus-visible{background:#ff78463d;border-color:#ff8c5a73;box-shadow:0 10px 24px #ff643238,inset 0 1px #ffd2b973;transform:scale(1.02);outline:none}.links{display:flex;gap:10px}.links a{width:44px;height:44px;flex-shrink:0;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff1a;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#fff;text-decoration:none;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.links a:hover,.links a:focus-visible{transform:scale(1.08);background:#fff3;border-color:#ffffff40;color:#fff;outline:none}.links svg{width:20px;height:20px}#designer-card:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:soft-light}@media(max-width:399px){.name{font-size:1.6rem}}
