:root{--color-background: #0d0d0d;--color-surface: #0d0d0d;--color-surface-hover: #1e1e1e;--color-border: #2a2a2a;--color-gold: #d4af37;--color-gold-soft: #e6c25a;--color-text: #f2f2f2;--color-text-muted: #9a9a9a;--font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--shadow-gold: 0 0 0 1px var(--color-gold)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}#root{min-height:100vh}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-glow{0%,to{box-shadow:0 0 0 2px var(--color-gold)}50%{box-shadow:0 0 0 2px var(--color-gold),0 0 24px var(--color-gold)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{position:relative;display:flex;flex-direction:column;min-height:100vh}.page:after{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:720px;height:720px;background:radial-gradient(circle,rgba(212,175,55,.12) 0%,rgba(212,175,55,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);width:100%;max-width:680px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);flex:1}.background{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.background__sweep{position:absolute;top:-25%;left:-30vw;width:50vw;height:150%;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.04) 50%,transparent 100%);filter:blur(10px);opacity:0;animation:light-sweep 24s linear infinite;will-change:transform,opacity}@keyframes light-sweep{0%{transform:translate(0) rotate(30deg);opacity:0}5%{opacity:1}10%{opacity:1}15%{transform:translate(240vw) rotate(30deg);opacity:0}to{transform:translate(240vw) rotate(30deg);opacity:0}}.background__star{position:absolute;pointer-events:none;animation:star-drift ease-in-out infinite;will-change:transform}.background__star:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--color-gold);opacity:0;animation:star-twinkle ease-in-out infinite;animation-duration:var(--tw-duration, 3.5s);animation-delay:var(--tw-delay, 0s);will-change:transform,opacity}.background__star--bright:before{box-shadow:0 0 6px 1px #d4af3799}@keyframes star-drift{0%{transform:translate(0)}25%{transform:translate(var(--x1, 0),var(--y1, 0))}50%{transform:translate(var(--x2, 0),var(--y2, 0))}75%{transform:translate(var(--x3, 0),var(--y3, 0))}to{transform:translate(0)}}@keyframes star-twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}.profile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.profile__avatar{width:96px;height:96px;border-radius:var(--radius-full);background-color:var(--color-surface);border:2px solid var(--color-gold);object-fit:cover;animation:fade-up .5s ease both,avatar-glow 3s ease-in-out .5s infinite}.profile__name{font-size:1.75rem;font-weight:700;letter-spacing:.02em;color:var(--color-text);animation:fade-up .5s ease .1s both}.social-links{width:100%}.social-links__list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none}.social-links__item{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-weight:600;overflow:hidden;transition:border-color .2s ease,color .2s ease,transform .2s ease;animation:fade-up .5s ease both;animation-delay:calc(var(--i, 0) * .07s + .25s)}.social-links__item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-soft) 100%);transform:translate(-100%);transition:transform .25s ease;z-index:0}.social-links__item>*{position:relative;z-index:1}.social-links__item:hover,.social-links__item:focus-visible{border-color:var(--color-gold);color:var(--color-background);transform:translateY(-2px);outline:none}.social-links__item:hover:before,.social-links__item:focus-visible:before{transform:translate(0)}.social-links__item:hover .social-links__icon,.social-links__item:focus-visible .social-links__icon{color:var(--color-background)}.social-links__icon{font-size:1.25rem;color:var(--color-gold);transition:color .2s ease}.footer{position:relative;z-index:1;margin-top:auto;width:100%;padding:var(--spacing-md)}.footer__list{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);list-style:none}.footer__link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:1.25rem;transition:border-color .2s ease,color .2s ease,transform .2s ease}.footer__link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:0;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.footer__link:hover:after,.footer__link:focus-visible:after{opacity:1;transform:translateY(0)}.footer__link:hover,.footer__link:focus-visible{border-color:var(--color-gold);color:var(--color-gold);transform:translateY(-2px);outline:none}