:root{--primary-color:#0fc;--bg-color:#050608;--text-main:#fff;--text-muted:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);cursor:crosshair;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.background-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.background-image{filter:saturate(1.1)contrast(1.2)brightness(.9);background-position:50%;background-repeat:no-repeat;background-size:cover;width:120%;height:120%;animation:30s ease-in-out infinite alternate slowPan;position:absolute;top:-10%;left:-10%}.overlay{z-index:1;background:radial-gradient(circle,#05060866 0%,#050608f2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.particles{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{top:var(--y);left:var(--x);background:var(--primary-color);opacity:.1;width:4px;height:4px;box-shadow:0 0 10px var(--primary-color);animation:float var(--duration) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute}.cursor-glow{pointer-events:none;z-index:10;background:radial-gradient(circle,#00ffcc26 0%,#0000 70%);border-radius:50%;width:300px;height:300px;transition:transform .1s ease-out;position:absolute;top:-150px;left:-150px}.content-wrapper{z-index:20;transform-style:preserve-3d;transition:transform .1s cubic-bezier(.25,.46,.45,.94);position:relative}.content{text-align:center;-webkit-backdrop-filter:blur(20px);background:#0d0f1266;border:1px solid #00ffcc1a;border-radius:20px;max-width:800px;padding:3rem;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateZ(50px);box-shadow:0 30px 60px -12px #000c,inset 0 0 20px #00ffcc0d}.title{letter-spacing:-.04em;background:linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;transition:text-shadow .3s;display:inline-block;position:relative}.title:hover{text-shadow:0 0 10px #00ffcc80;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.subtitle{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3.5rem;font-size:1.2rem;font-weight:300;animation:2s ease-in-out infinite alternate pulseOpacity}.loading-bar{background:#ffffff0d;border-radius:4px;width:100%;height:4px;position:relative;overflow:hidden}.progress{background:linear-gradient(90deg, transparent, var(--primary-color));width:25%;height:100%;box-shadow:0 0 15px var(--primary-color);animation:3s cubic-bezier(.65,0,.35,1) infinite loadingProgress;position:absolute;top:0;left:0}.dev-message{color:var(--primary-color);z-index:100;opacity:0;pointer-events:none;text-shadow:0 0 5px #00ffcc80;-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#000000b3;border:1px solid #00ffcc4d;border-radius:6px;padding:10px 20px;font-family:monospace;font-size:.9rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50px;left:50%;transform:translate(-50%)translateY(-20px)}.dev-message.visible{opacity:1;transform:translate(-50%)translateY(0)}.signature{color:#ffffff1a;z-index:100;letter-spacing:.1em;-webkit-user-select:none;user-select:none;cursor:crosshair;font-family:monospace;font-size:.65rem;text-decoration:none;position:absolute;bottom:15px;right:20px}@keyframes slowPan{0%{transform:scale(1)translate(0)}50%{transform:scale(1.05)translate(-2%,2%)}to{transform:scale(1)translate(2%,-2%)}}@keyframes float{0%{opacity:.1;transform:translateY(0)translate(0)scale(1)}to{opacity:.8;transform:translateY(-100px)translate(50px)scale(2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)translateZ(50px)}to{opacity:1;transform:translateY(0)translateZ(50px)}}@keyframes loadingProgress{0%{width:30%;left:-50%}50%{width:50%;left:20%}to{width:30%;left:100%}}@keyframes pulseOpacity{0%{opacity:.3}to{opacity:.8}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-2px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@media (width<=768px){.title{font-size:2.2rem}.subtitle{font-size:.9rem}.content{padding:2rem}.dev-message{white-space:normal;text-align:center;width:90%;font-size:.7rem}}