*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0f2fe;background:linear-gradient(135deg,#0f1218 0%,#1a1c23 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}html{scroll-behavior:smooth}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}.footer{color:#94a3b8;text-align:center;background:#141414cc;border-top:1px solid #333;margin-top:3rem;padding:2rem 1rem;font-family:Cinzel,serif}.footer p{color:var(--color-text-muted);margin:0 0 1rem}.container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.nav-section,.social-section,.copyright-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.section-title{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:700}.nav-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link,.login-link{color:#94a3b8;font-size:.95rem;text-decoration:none;transition:color .3s}.nav-link:hover,.login-link:hover{color:#f1f5f9}.login-link{color:#e2e8f0;font-weight:600}.social-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.social-link{color:#94a3b8;flex-direction:column;align-items:center;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#f1f5f9;transform:scale(1.05)}.social-icon{filter:invert(.6);width:28px;height:28px;margin-bottom:.5rem;transition:filter .3s}.social-link:hover .social-icon{filter:invert()}.copyright-section{border-top:1px solid #333;width:100%;margin-top:1.5rem;padding-top:1.5rem}.copyright-text{color:#64748b;margin:0;font-size:.85rem}@media (width<=768px){.container{gap:1.5rem}.nav-grid,.social-grid{gap:1rem}.nav-link,.login-link,.social-link{font-size:.9rem}.social-icon{width:24px;height:24px}.copyright-text{font-size:.8rem}}@media (width<=480px){.footer{padding:1.5rem .5rem}.nav-grid,.social-grid{flex-direction:column;align-items:center}.nav-link,.social-link{margin:.2rem 0}}.App{flex-direction:column;min-height:100vh;display:flex}.btn{color:#d0d0d0;cursor:pointer;text-align:center;background:#2e2e2e;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 6px #c4a74733}.btn:hover{background:#2e2e2e;transform:translateY(-3px);box-shadow:0 6px 12px #c4a7474d}.btn:active{transform:translateY(-1px);box-shadow:0 3px 6px #c4a74733}.btn-primary{background:#2e2e2e;box-shadow:0 4px 6px #3498db33}.btn-secondary{background:#2e2e2e;box-shadow:0 4px 6px #2ecc7133}.btn-danger{background:#2e2e2e;box-shadow:0 4px 6px #e74c3c33}.cabinet-btn{color:#d0d0d0;background:#2e2e2e;border:1px solid #505050;border-radius:10px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:all .3s;display:flex}.cabinet-btn:hover{background:#3e3e3e;border-color:#606060;transform:translateY(-5px)}.cabinet-icon{margin-bottom:10px;font-size:2.5rem}