:root{--bg-dark: #080808;--accent-color: #ffffff;--accent-color-rgb: 255, 255, 255;--accent-glow: rgba(255, 255, 255, .3);--accent-subtle: #888888}app-root{display:flex;flex-direction:column;min-height:100vh}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.slide-in-bottom{animation:pageFadeIn .45s cubic-bezier(.25,.46,.45,.94) both}.page-enter{opacity:0;transition:opacity .4s ease}.page-enter.loaded{opacity:1}html,body{height:100%;margin:0}body{background-color:var(--bg-dark);color:#fff;font-family:Inter,sans-serif;margin:0}main{flex:1 0 auto}.bg-black-custom{background-color:#080808d9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1a1a1a;padding:.8rem 0;z-index:3000}.logo-center{position:absolute;left:50%;transform:translate(-50%);font-size:2.4rem;letter-spacing:-1.5px;color:var(--accent-color)!important;text-shadow:0 0 15px var(--accent-glow);transition:all .3s ease}.logo-center:hover{text-shadow:0 0 25px var(--accent-color)}.text-accent-custom{color:var(--accent-color)!important;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin:0 15px;transition:all .2s ease-in-out;opacity:.8}.text-accent-custom:hover{color:#fff!important;opacity:1;transform:translateY(-2px)}.footer-custom{flex-shrink:0;background-color:#050505;border-top:1px solid #1a1a1a;padding:20px 0}.footer-logo{font-size:1.5rem;color:var(--accent-color);letter-spacing:-1px;margin:0}.social-link{color:var(--accent-color);font-size:1.2rem;margin-left:20px;transition:transform .3s,color .3s;text-decoration:none}.social-link:hover{color:#fff;transform:translateY(-3px)}