:root{--bg-color:#0d0f14;--text-primary:#fff;--text-secondary:#d1d5db}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-width:320px;height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow:hidden}#root{width:100%;height:100%}.homepage-container{box-sizing:border-box;background-image:linear-gradient(#00000080,#00000080),url(/bg.jpg?v=4);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-left:10%;display:flex;position:relative}.content{z-index:1;align-items:center;gap:2.5rem;padding:2rem;animation:1.2s cubic-bezier(.22,1,.36,1) fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;padding:4px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;display:flex;box-shadow:0 0 30px #00000080,inset 0 0 10px #fff3}.avatar-container:hover{transform:scale(1.08)rotate(-5deg);box-shadow:0 0 40px #ffffff26,inset 0 0 15px #ffffff4d}.avatar{object-fit:cover;background-color:#f4f6f9;border:2px solid #0000;border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 10px #0000001a}.text-container{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.title{color:#fff;filter:drop-shadow(0 8px 15px #0009);letter-spacing:2px;background:linear-gradient(90deg,#fff,#e2e2e2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:.5rem 1rem 1.5rem .5rem;font-family:Pacifico,cursive;font-size:5.5rem;font-weight:400;line-height:1.5}.social-links{gap:1.2rem;margin-top:.5rem;margin-left:.5rem;display:flex}.social-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:46px;height:46px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 15px #0000001a}.social-icon:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-6px)scale(1.05);box-shadow:0 10px 25px #ffffff26}.social-icon svg path,.social-icon svg rect,.social-icon svg circle,.social-icon svg polygon{fill:currentColor!important}.tooltip{color:#fff;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#141822e6;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .3s;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 15px #0000004d}.tooltip:before{content:"";background:#141822e6;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.social-icon:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.tooltip:after{content:"";background:0 0;width:100%;height:20px;position:absolute;top:-20px;left:0}.qr-tooltip{padding:6px;top:60px;bottom:auto}.qr-tooltip:before{top:-4px}.qr-code{background:#fff;border-radius:4px;width:120px;height:120px;display:block}@media (width<=768px){.homepage-container{justify-content:center;padding-bottom:12vh;padding-left:0}.content{text-align:center;box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;padding:1rem}.text-container{box-sizing:border-box;align-items:center;width:100%;padding:0 1rem}.title{text-align:center;white-space:nowrap;padding:.5rem .5rem 1.5rem;font-size:clamp(2rem,10vw,3.8rem)}.avatar-container{width:130px;height:130px}.social-links{justify-content:center;gap:.8rem;margin-left:0}.social-icon{width:40px;height:40px}}