:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}*:focus{outline:none}*:focus-visible{outline:none}html,body,#root{min-height:100vh;background:#0c0c0c;color:#e8e8e8}::selection{background:#f472b6;color:#0c0c0c}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:50;width:100%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0c0c0cb3;border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{max-width:960px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:#f8f8f8}.logo-accent{color:#f472b6}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{font-size:.85rem;font-weight:500;color:#ffffff80;transition:color .2s}.nav-links a:hover{color:#f8f8f8}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.hero-content{max-width:640px}.hero-name{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.5rem;background:linear-gradient(135deg,#f8f8f8,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-handle{font-size:.9rem;color:#fff6;font-weight:500;margin-bottom:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-bio{font-size:1.05rem;color:#fff9;line-height:1.7;margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto}.hero-bio strong{color:#f472b6;font-weight:600}.cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:9999px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#f472b6;color:#0c0c0c}.btn-primary:hover{background:#ec4899;transform:translateY(-1px);box-shadow:0 8px 24px #f472b640}.btn-outline{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.12)}.btn-outline:hover{border-color:#ffffff4d;color:#f8f8f8;transform:translateY(-1px)}.visitor-badge{display:inline-block;margin-top:2.5rem;padding:.4rem 1rem;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.75rem;font-weight:500;color:#ffffff59;letter-spacing:.03em}.handle-row{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.3rem .75rem;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:all .2s;margin-bottom:1.5rem}.handle-row:hover{background:#ffffff14;border-color:#ffffff26}.handle-row:active{transform:scale(.97)}.copy-icon{opacity:.4;transition:opacity .2s}.handle-row:hover .copy-icon{opacity:.8}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(120%);background:#1a1a1a;border:1px solid rgba(244,114,182,.3);color:#f8f8f8;padding:.6rem 1.25rem;border-radius:.5rem;font-size:.8rem;font-weight:500;z-index:100;pointer-events:none;opacity:0;transition:all .3s ease;box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.reactions-section{text-align:center}.reactions-row{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.reaction-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.reaction-btn:hover{background:#f472b614;border-color:#f472b640;color:#f8f8f8}.reaction-btn:active{transform:scale(.95)}.reaction-btn.reacted{background:#f472b61f;border-color:#f472b659;color:#f472b6}.reaction-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;min-width:1ch}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80;display:grid;place-items:center;cursor:pointer;transition:all .2s;opacity:0;pointer-events:none;z-index:40}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:#f472b61f;border-color:#f472b64d;color:#f472b6;transform:translateY(-2px)}.section{padding:4rem 1.5rem;max-width:960px;margin:0 auto;width:100%}.section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#ffffff4d;margin-bottom:1.5rem}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.about-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.5rem;transition:border-color .2s}.about-card:hover{border-color:#ffffff1f}.about-card-icon{width:36px;height:36px;border-radius:.5rem;background:#f472b61a;display:grid;place-items:center;margin-bottom:1rem;color:#f472b6;font-size:1rem}.about-card h3{font-size:.95rem;font-weight:600;margin-bottom:.35rem;color:#f0f0f0}.about-card p{font-size:.85rem;color:#ffffff73;line-height:1.6}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.link-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;text-decoration:none;transition:all .2s}.link-card:hover{border-color:#f472b64d;background:#f472b60a;transform:translateY(-2px)}.link-card-icon{width:40px;height:40px;border-radius:.5rem;background:#ffffff0f;display:grid;place-items:center;flex-shrink:0}.link-card-text h3{font-size:.9rem;font-weight:600;color:#f0f0f0;margin-bottom:.15rem}.link-card-text p{font-size:.78rem;color:#ffffff59}.footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding:2rem 1.5rem;text-align:center}.footer p{font-size:.78rem;color:#ffffff40}.footer a{color:#fff6;text-decoration:none;transition:color .2s}.footer a:hover{color:#f472b6}@media(max-width:640px){.hero,.section{padding:3rem 1.25rem}.about-grid,.links-grid{grid-template-columns:1fr}.cta-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px;justify-content:center}.header-inner{padding:.85rem 1.25rem}.nav-links{gap:1rem}.nav-links a{font-size:.78rem}.back-to-top{bottom:1.25rem;right:1.25rem;width:36px;height:36px}.reactions-row{gap:.5rem}.reaction-btn{padding:.4rem .75rem;font-size:.75rem}.handle-row{margin-bottom:1rem}}
