:root{--neon-cyan: #0ff;--neon-pink: #f0f;--dark-bg: #090a0f;--glass-bg: rgba(20, 20, 30, .4);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}#app{position:relative;z-index:10;width:100%;display:flex;justify-content:center;align-items:center;padding:2rem}.glass-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:4rem 3rem;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff1a;text-align:center;max-width:800px;width:100%;display:flex;flex-direction:column;gap:3rem;animation:float 6s ease-in-out infinite,fade-in 1.5s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(30px)}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.branding{display:flex;flex-direction:column;gap:.5rem}.glitch{font-size:clamp(3rem,10vw,5rem);font-weight:900;letter-spacing:4px;position:relative;text-transform:uppercase;background:linear-gradient(to right,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 15px rgba(255,0,255,.4))}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);-webkit-background-clip:text;color:transparent;opacity:.8}.glitch:before{left:2px;text-shadow:-1px 0 var(--neon-cyan);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 var(--neon-pink);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(21px,9999px,86px,0)}20%{clip:rect(61px,9999px,12px,0)}40%{clip:rect(78px,9999px,52px,0)}60%{clip:rect(98px,9999px,80px,0)}80%{clip:rect(10px,9999px,79px,0)}to{clip:rect(70px,9999px,35px,0)}}@keyframes glitch-anim2{0%{clip:rect(45px,9999px,18px,0)}20%{clip:rect(17px,9999px,84px,0)}40%{clip:rect(59px,9999px,11px,0)}60%{clip:rect(89px,9999px,76px,0)}80%{clip:rect(63px,9999px,58px,0)}to{clip:rect(32px,9999px,94px,0)}}.motto{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;letter-spacing:12px;color:var(--text-secondary);text-transform:uppercase}.hero{display:flex;justify-content:center;align-items:center;position:relative}.image-wrapper{position:relative;width:250px;height:250px;border-radius:50%;padding:10px;background:linear-gradient(135deg,#ffffff1a,#fff0);box-shadow:inset 0 0 20px #00ffff1a,0 0 40px #f0f3;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.image-wrapper:hover{transform:scale(1.1) rotate(5deg);box-shadow:inset 0 0 30px #00ffff4d,0 0 60px #f0f6}.lobster{width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:2;position:relative;transition:filter .3s ease}.image-wrapper:hover .lobster{filter:contrast(1.1) saturate(1.2)}.glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--neon-cyan) 0%,transparent 60%);opacity:.3;z-index:1;mix-blend-mode:screen;animation:pulse 4s infinite alternate}@keyframes pulse{0%{opacity:.2;transform:translate(-50%,-50%) scale(.9)}to{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.btn-primary{background:transparent;color:var(--text-primary);border:1px solid var(--neon-cyan);padding:1rem 3rem;font-size:1.1rem;font-weight:500;letter-spacing:2px;font-family:Outfit,sans-serif;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 15px #00ffff1a}.btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-pink));z-index:-1;transition:opacity .3s ease;opacity:0}.btn-primary:hover{border-color:transparent;box-shadow:0 0 30px #0ff6;transform:translateY(-2px)}.btn-primary:hover:before{opacity:.8}.btn-primary:active{transform:translateY(0)}