@font-face{font-family:SuperPixel;src:url(/SuperPixel-m2L8j.ttf) format("truetype");font-weight:400;font-style:normal}.app-container{position:relative;width:100%;min-height:100vh;background:linear-gradient(#0006,#0006),url(/bg.gif);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;cursor:url(/crosshair.svg) 16 16,crosshair}.app-container:after{content:"GG. MATTAR IS ON THE FIELD";position:absolute;top:15%;left:50%;transform:translate(-50%);font-family:SuperPixel,sans-serif;font-size:clamp(1rem,3vw,2.5rem);font-weight:900;color:#ffffff1f;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;pointer-events:none;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px rgba(255,255,255,.05),0 0 30px rgba(255,255,255,.1);animation:fadeInOut 5s ease-in-out infinite;-webkit-text-stroke:1px rgba(255,255,255,.08);width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(-10px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:1;color:#ffffff26;text-shadow:2px 2px 6px rgba(0,0,0,.4),-2px -2px 6px rgba(255,255,255,.08),0 0 50px rgba(255,255,255,.2)}}*{cursor:url(/crosshair.svg) 16 16,crosshair!important}.content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 2rem 3rem;max-width:480px;width:100%;min-height:85vh;justify-content:space-between}.avatar-container{position:relative;margin-top:2rem}.avatar{width:180px;height:180px;border-radius:50%;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0009,0 0 0 8px #ffffff0d;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #000000b3,0 0 0 8px #ffffff1a,0 0 60px #3f51b566}.profile-name{font-family:SuperPixel,Orbitron,sans-serif;font-size:3rem;font-weight:900;color:#fff;text-align:center;margin:1rem 0 .5rem;letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3),0 4px 12px rgba(0,0,0,.8)}.profile-subtitle{font-size:1.1rem;font-weight:400;color:#ffffffb3;text-align:center;margin:0;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.social-icons{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:nowrap;margin:2rem 0}.social-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;transition:all .3s ease;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000004d;position:relative}.icon-label{position:absolute;bottom:-45px;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(135deg,#000000f2,#141414e6);color:#fff;padding:10px 18px;border-radius:10px;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none;z-index:100;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0009,inset 0 1px #ffffff1a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.icon-label:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9)}.social-icon:hover .icon-label{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.social-icon:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;opacity:0;transition:all .3s ease}.social-icon:hover{transform:translateY(-5px) scale(1.05);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 25px #0006}.social-icon:hover:after{opacity:1;transform:scale(1.3);border-color:#ffffff80;animation:crosshairPulse .3s ease-out}@keyframes crosshairPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.social-icon:nth-child(1):hover{background:#53e88b33;border-color:#53e88b80;box-shadow:0 8px 25px #53e88b4d}.social-icon:nth-child(2):hover{background:#e1306c33;border-color:#e1306c80;box-shadow:0 8px 25px #e1306c4d}.social-icon:nth-child(3):hover{background:#25f4ee33;border-color:#25f4ee80;box-shadow:0 8px 25px #25f4ee4d}.social-icon:nth-child(4):hover{background:#25d36633;border-color:#25d36680;box-shadow:0 8px 25px #25d3664d}.social-icon:nth-child(5):hover{background:#7289da33;border-color:#7289da80;box-shadow:0 8px 25px #7289da4d}.social-icon svg,.social-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:all .3s ease}.social-icon:hover svg,.social-icon:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));transform:scale(1.1)}.footer{margin-top:auto;padding-top:2rem;text-align:center;width:100%}.footer p{font-size:.85rem;color:#ffffff80;margin:.3rem 0;letter-spacing:.3px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.footer-dev{font-size:.8rem!important;color:#fff6!important}.footer-highlight{color:#fffc;font-weight:600}.footer-link{color:#fffc;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff;text-decoration:underline}@media(max-width:1024px){.app-container:after{font-size:clamp(1.2rem,3.5vw,3rem);letter-spacing:.15em}.profile-name{font-size:2.8rem;letter-spacing:2px}.social-icons{gap:1.4rem}}@media(max-width:768px){.app-container{background-position:right;padding:1.5rem 1rem}.app-container:after{font-size:clamp(1rem,3vw,2.5rem);letter-spacing:.12em}.content{padding:2.5rem 1.5rem 2rem;min-height:auto;gap:1.5rem}.avatar{width:140px;height:140px}.profile-name{font-size:2.3rem;letter-spacing:2px}.profile-subtitle{font-size:.95rem}.social-icons{gap:1rem;margin:1.5rem 0}.social-icon{width:50px;height:50px}.social-icon svg,.social-icon img{width:26px;height:26px}.footer{padding-top:1.5rem}.footer p{font-size:.75rem}.footer-dev{font-size:.7rem!important}}@media(max-width:480px){.app-container{padding:1rem .5rem}.app-container:after{font-size:clamp(.8rem,2.5vw,1.8rem);letter-spacing:.08em;white-space:normal;text-align:center;max-width:90%;line-height:1.3}.content{padding:2rem 1rem 1.5rem;gap:1.2rem}.avatar{width:120px;height:120px}.profile-name{font-size:1.8rem;letter-spacing:1.5px}.profile-subtitle{font-size:.85rem}.social-icons{gap:.8rem;margin:1.2rem 0}.social-icon{width:45px;height:45px}.social-icon svg,.social-icon img{width:22px;height:22px}.footer p{font-size:.7rem}.footer-dev{font-size:.65rem!important}}@media(max-width:360px){.app-container:after{font-size:clamp(.7rem,2vw,1.5rem);letter-spacing:.06em}.content{padding:1.5rem .8rem 1.2rem}.avatar{width:100px;height:100px}.profile-name{font-size:1.5rem;letter-spacing:1px}.profile-subtitle{font-size:.8rem}.social-icons{gap:.6rem}.social-icon{width:42px;height:42px}.social-icon svg,.social-icon img{width:20px;height:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SuperPixel,Rajdhani,Orbitron,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100vh}