:root{--neon-blue:#00f3ff;--neon-pink:#f0f;--neon-green:#39ff14;--neon-purple:#bd00ff;--dark-bg:#0a0a1a;--darker-bg:#050510;--card-bg:rgba(16,18,36,.8);--text-color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background:var(--darker-bg);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,rgba(189,0,255,.1) 0,transparent 20%),radial-gradient(circle at 90% 70%,rgba(0,243,255,.1) 0,transparent 20%);overflow-x:hidden}.container,body{min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column}header{padding:20px 0;border-bottom:1px solid rgba(0,243,255,.2);background:rgba(10,10,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;text-transform:uppercase;background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.logo span{background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--neon-blue);font-size:24px;cursor:pointer;padding:10px;border-radius:8px;transition:all .3s ease}.mobile-menu-toggle:hover{background:rgba(0,243,255,.1);box-shadow:0 0 15px rgba(0,243,255,.3)}nav ul{display:flex;list-style:none;gap:20px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;justify-content:center;margin:0;padding:0}nav ul::-webkit-scrollbar{display:none;height:0}.nav-row{width:100%}.nav-main{margin-bottom:.5rem}.nav-dashboard{border-top:1px solid hsla(0,0%,100%,.1);padding-top:.5rem;flex-wrap:wrap;justify-content:center;row-gap:8px;column-gap:12px}@media (max-width:1200px){nav ul{gap:15px}}@media (max-width:992px){nav ul{gap:10px}nav a{font-size:14px;padding:6px 12px}}@media (max-width:768px){.header-content{position:relative}.mobile-menu-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;background:var(--dark-bg);border:1px solid rgba(0,243,255,.2);border-radius:12px;margin-top:10px;transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.5)}.nav-open{transform:translateY(0);opacity:1;visibility:visible}nav ul{flex-direction:column;gap:0;padding:20px}.nav-main{margin-bottom:1rem}.nav-dashboard{border-top:1px solid hsla(0,0%,100%,.2);padding-top:1rem}nav a,nav li{width:100%}nav a{display:block;padding:15px 20px;font-size:16px;border-radius:8px;margin-bottom:5px;text-align:center;border:1px solid transparent}nav a.active,nav a:hover{background:rgba(57,255,20,.1);border-color:rgba(57,255,20,.3)}}nav a{color:var(--text-color);text-decoration:none;font-weight:600;font-size:16px;transition:color .3s,text-shadow .3s;padding:8px 16px;border-radius:20px}.nav-dashboard a{font-size:14px;padding:6px 12px}nav a.active,nav a:hover{color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.5);background:rgba(57,255,20,.1)}.auth-buttons{display:flex;gap:15px}.auth-buttons,.btn{align-items:center;z-index:10;position:relative}.btn{display:inline-flex;justify-content:center;padding:10px 20px;line-height:1.2;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s;border:none;vertical-align:middle;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn-login{background:transparent;color:var(--neon-blue);border:1px solid var(--neon-blue)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,243,255,.3)}.btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(0,243,255,.2)}.btn-login:hover{background:linear-gradient(135deg,#09c,#06f);box-shadow:0 8px 25px rgba(0,153,255,.4)}.btn-signup{background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple));color:#fff}.btn-signup:hover{background:linear-gradient(135deg,#c09,#f06);box-shadow:0 8px 25px rgba(255,0,153,.4)}.btn-logout{background:transparent;color:var(--neon-pink);border:1px solid var(--neon-pink)}.btn-logout:hover{background:rgba(255,0,255,.1);box-shadow:0 0 15px rgba(255,0,255,.4)}main{flex:1 1;padding:40px 0}footer{background:var(--darker-bg);padding:80px 0 40px;border-top:1px solid hsla(0,0%,100%,.1);margin-top:auto}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px}.footer-column{flex:1 1;min-width:220px}.footer-column h4{color:#fff;margin-bottom:25px;font-size:1.3rem;font-weight:700}.footer-column p{color:hsla(0,0%,100%,.7);line-height:1.6;margin-bottom:20px}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:12px}.footer-column a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-column a:hover{color:var(--neon-green)}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.1);color:var(--text-color);transition:all .3s}.social-icons a:hover{background:var(--neon-blue);color:var(--dark-bg);transform:translateY(-3px)}.copyright{text-align:center;padding-top:40px;border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:.9rem;line-height:1.8;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}.copyright a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:all .3s ease}.copyright a:hover{color:#fff}.copyright-text{display:block;margin-bottom:8px}.powered-by{font-size:.85rem;color:hsla(0,0%,100%,.4)}@media (max-width:768px){.auth-buttons{gap:10px}.btn{padding:8px 16px;font-size:14px}.footer-content{flex-direction:column}}@media (max-width:480px){.container{padding:0 15px}.logo{font-size:20px}.auth-buttons{flex-direction:column;width:100%;gap:8px}.btn{width:100%;text-align:center}}