:root{--color-text: #fff;--color-bg-overlay: rgba(0, 0, 0, .3);--color-glass: rgba(255, 255, 255, .1);--color-glass-hover: rgba(255, 255, 255, .15);--color-glass-strong: rgba(255, 255, 255, .2);--color-border: rgba(255, 255, 255, .3);--color-border-light: rgba(255, 255, 255, .1);--color-border-icon: rgba(255, 255, 255, .2);--color-shadow: rgba(255, 255, 255, .1);--color-shadow-hover: rgba(255, 255, 255, .2);--color-tooltip-bg: rgba(0, 0, 0, .8);--color-muted: rgba(255, 255, 255, .7);--blur-amount: 5px;--transition-normal: .3s ease;--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-tooltip: .15s ease-out;--font-family: "Segoe UI", system-ui, sans-serif;--title-size: 4rem;--title-size-mobile: 2.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}#app{display:flex;flex-direction:column;min-height:100vh}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:linear-gradient(45deg,#0006,#0003),url(./bg1-CWZVOYtH.jpg) center/cover fixed;animation:bgBreath 12s ease-in-out infinite;opacity:0;transition:opacity 1s ease}.background-container.bg-loaded{opacity:1}.background-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount))}@keyframes bgBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.main-content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:20px;color:var(--color-text)}.content-box{text-align:center;opacity:0;transform:translateY(30px);transition:all 1s ease}.content-box.visible{opacity:1;transform:translateY(0)}.glow-text{font-size:var(--title-size);margin-bottom:1.5rem;text-shadow:0 0 10px rgba(255,255,255,.8)}.button-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.neon-button{padding:12px 35px;background:var(--color-glass);border:2px solid var(--color-border);border-radius:30px;color:var(--color-text);text-decoration:none;font-weight:500;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;cursor:pointer;font-family:inherit;font-size:inherit}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.neon-button:hover{background:var(--color-glass-strong);transform:translateY(-3px)}.neon-button:hover:before{left:100%}@keyframes ripple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes rippleExpand{0%{transform:scale(0);opacity:1}to{transform:scale(1.8);opacity:0}}.footer-content{width:100%;padding:20px;text-align:center;position:relative;z-index:2;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid var(--color-border-light)}.social-links{display:flex;gap:35px;justify-content:center;flex-wrap:wrap;padding:10px 0;opacity:0}.social-links.visible{animation:socialAppear 1s ease forwards}.social-icon{width:50px;height:50px;border-radius:50%;background:var(--color-glass);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-bounce);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color-border-icon);box-shadow:0 0 15px var(--color-shadow);overflow:hidden;transform:translateZ(0);color:#ffffffe6;text-decoration:none}.social-icon i{font-size:1.6rem;color:#ffffffe6;transition:transform var(--transition-normal)}.social-icon:hover{background:var(--color-glass-hover);transform:translateY(-5px) scale(1.08);box-shadow:0 0 25px var(--color-shadow-hover);z-index:1}.social-icon:hover i{transform:scale(1.1)}.social-icon:after{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translate(-50%) scale(.8);background:var(--color-tooltip-bg);color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-tooltip);z-index:100;pointer-events:none}.social-icon:before{content:"";position:absolute;bottom:120%;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--color-tooltip-bg);opacity:0;visibility:hidden;transition:all var(--transition-tooltip);z-index:99;pointer-events:none}.social-icon:hover:after,.social-icon:hover:before{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition-delay:.1s}.social-icon:hover:before{transform:translate(-50%) rotate(45deg)}.hosting-info{margin-top:15px;color:var(--color-muted);font-size:.9rem;opacity:0}.hosting-info.visible{animation:fadeIn 1s ease forwards;animation-delay:1s}@keyframes socialAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){:root{--title-size: var(--title-size-mobile)}.background-container{background-attachment:scroll;animation:none}.neon-button{width:100%;max-width:280px}.social-links{gap:25px}.social-icon{width:48px;height:48px;transform:scale(.95)}.social-icon:hover{transform:translateY(-5px) scale(1)}.social-icon i{font-size:1.4rem}.hosting-info{font-size:.8rem;margin-top:10px}.footer-content{padding:15px}.social-icon:after{bottom:120%;font-size:12px;padding:4px 8px}.social-icon:before{bottom:110%}}