body{margin:0;font-family:Segoe UI,sans-serif;background-color:#111;color:#f0f0f0}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:60px}a{color:#0ff;text-decoration:none}a:hover{color:#00bcd4}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.card{background-color:#1c1c1c;padding:20px;border-radius:12px;box-shadow:0 0 15px #00ffff0d;transition:transform .3s}.card:hover{transform:scale(1.02)}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background-color:#111;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:1000}.navbar .logo{display:flex;align-items:center;gap:10px}.navbar .logo img{height:30px}.navbar .nav-links{list-style:none;display:flex;gap:24px}.navbar .nav-links li a{font-weight:500;color:var(--text-primary)}.navbar .nav-links li a:hover{color:var(--accent)}footer{background-color:#111;padding:30px 20px;text-align:center}.footer-links{margin:20px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.footer-links a{color:var(--accent);font-weight:500}.footer-links a:hover{color:var(--accent-hover)}