:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a1a1a,#000)}#root{width:100%;height:100%}.hero-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.background-animation{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(83,252,24,.12) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(225,48,108,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,0,0,.1) 0%,transparent 60%);animation:bg-spin 20s linear infinite;z-index:0;pointer-events:none}@keyframes bg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-wrapper{z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0 1rem}.hero-title{font-size:5rem;font-weight:900;margin:0;line-height:1;letter-spacing:-2px;text-transform:uppercase;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.gradient-text{background:linear-gradient(135deg,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:1.5rem;color:#888;margin:0;font-weight:300;letter-spacing:1px}.social-links{display:flex;gap:3rem;margin-top:2rem;perspective:1000px}.social-card{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;border-radius:24px;cursor:pointer;text-decoration:none;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;transform-style:preserve-3d}.glass-effect{position:relative;z-index:2;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.social-icon{width:60%;height:60%;object-fit:contain;transition:filter .3s ease;filter:grayscale(100%) contrast(1.2)}.social-card:hover .social-icon{filter:grayscale(0%) contrast(1)}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;filter:blur(40px);opacity:0;transition:opacity .3s ease;z-index:1}.social-card:hover .glow-effect{opacity:.6}.social-label{position:absolute;bottom:-40px;left:50%;transform:translate(-50%) translateY(10px);background:#000c;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.1);z-index:100}.social-card:hover .social-label{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.hero-title{font-size:3rem}.social-links{gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;margin-top:1rem}.social-card{width:90px;height:90px;margin-bottom:30px}.social-label{opacity:1;bottom:-35px;transform:translate(-50%) scale(.9);background:#00000080;padding:4px 10px;font-size:.75rem;box-shadow:0 2px 5px #0000004d}.social-card:hover .social-label{transform:translate(-50%) scale(.9)}.social-icon{filter:grayscale(0%) contrast(1)}.glow-effect{opacity:.3}}