:root{--val-red:#ff4655;--val-dark:#0f1923;--val-gray:#ece8e1;--val-white:#fff;--val-teal:#00f5d4;--card-width:380px;--card-height:600px}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}body{color:#0f1923;background:radial-gradient(circle at 50% 0,#0f2532 0%,#05121a 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Rajdhani,sans-serif;display:flex;overflow:hidden}.language-switcher{z-index:100;gap:12px;display:flex;position:absolute;top:20px;right:20px}.lang-btn{cursor:pointer;opacity:.5;filter:grayscale();background:0 0;border:none;padding:0;transition:all .2s}.lang-btn:hover{opacity:1;filter:grayscale(0%)}.lang-btn.active{opacity:1;filter:grayscale(0%);transform:scale(1.1)}.flag-icon{border-radius:4px;width:32px;height:auto;box-shadow:0 4px 6px #0000004d}.card-container{justify-content:center;align-items:center;padding:20px;display:flex}.profile-card{width:var(--card-width);height:var(--card-height);background:var(--val-dark);border:1px solid #ffffff1a;flex-direction:column;transition:border-color .3s;animation:1s cubic-bezier(.2,.8,.2,1) forwards cardEntry;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.profile-card:hover{border-color:var(--val-teal)}.card-image-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.33,1,.68,1)}.profile-card:hover .card-image{transform:scale(1.05)}.card-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0f192300 40%,#0f1923e6 75%,#0f1923 100%);width:100%;height:100%;position:absolute;top:0;left:0}.content-wrapper{z-index:3;flex-direction:column;gap:15px;width:100%;padding:30px 30px 40px;display:flex;position:absolute;bottom:0;left:0}.text-group{flex-direction:column;transition:transform .4s cubic-bezier(.2,.6,.2,1);display:flex;transform:translateY(10px)}.profile-card:hover .text-group{transform:translateY(0)}.profile-name{text-transform:uppercase;color:var(--val-white);letter-spacing:1px;align-items:center;gap:12px;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1;display:flex}.verified-badge{color:var(--val-white);background:var(--val-red);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.profile-bio{color:#b5b5b5;text-transform:uppercase;letter-spacing:.5px;border-left:2px solid var(--val-red);opacity:0;max-height:0;margin-top:0;padding-left:12px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;line-height:1.5;transition:all .4s cubic-bezier(.2,.6,.2,1);transform:translateY(10px)}.profile-card:hover .profile-bio{opacity:1;max-height:100px;margin-top:4px;transform:translateY(0)}.action-area{z-index:10;flex-direction:column;gap:12px;display:flex}.social-links{justify-content:space-between;gap:8px;width:100%;display:flex}.social-button{width:48px;height:48px;color:var(--val-white);background:#0f192399;border:1px solid #fff3;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:relative}.social-button:hover{border-color:var(--val-red);color:var(--val-red);background:#0f1923cc}.social-button:hover i,.social-button:hover svg{color:var(--val-red);fill:var(--val-red)}.donate-btn{border:1px solid var(--val-red);width:100%;height:48px;color:var(--val-white);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#ff46551a;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.donate-btn:before{content:"";background:var(--val-red);z-index:0;width:100%;height:100%;transition:transform .25s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;transform:translate(-100%)}.donate-btn:hover:before{transform:translate(0)}.donate-btn span{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.riot-icon{fill:currentColor;width:32px;height:32px;transition:opacity .3s}.tracker-btn{position:relative}.hover-icon{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tracker-btn:hover .default-icon{opacity:0}.tracker-btn:hover .hover-icon{opacity:1}@media (max-width:768px){.profile-card{aspect-ratio:380/600;width:90vw;height:auto;min-height:500px}.profile-name{font-size:2rem}.profile-bio{opacity:1;max-height:100px;margin-top:4px;transform:translateY(0)}.text-group{transform:translateY(0)}.content-wrapper{padding:20px}}@media (max-width:380px){.profile-card{min-height:80vh}.content-wrapper{padding:15px}.social-links{gap:4px}.social-button{width:38px;height:38px;font-size:.9rem}}.live-indicator{z-index:20;background-color:var(--val-red);color:var(--val-white);letter-spacing:1px;border-radius:2px;align-items:center;gap:8px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .2s,opacity .2s;animation:.5s ease-out fadeIn;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 10px #ff465566}.live-indicator:hover{opacity:.9;transform:scale(1.05)}.live-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 10px #fffc}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntry{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}