@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap";:root{--bg-color: #050b14;--card-bg: #0f1724;--accent-color: #00ff88;--text-color: #ffffff;--text-muted: #8b9bb4;--primary: #00f8b9;--secondary: #00d4ff;--bg-dark: #050b14}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;display:flex;flex-direction:column;min-height:100vh;margin:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(#050b14e6,#050b14e6),url(../../../img/bg.jpg);background-size:40px 40px,40px 40px,cover,cover;background-position:center top;background-attachment:fixed;overflow-x:hidden}ul{list-style:none}a{text-decoration:none}.nav-actions{display:flex;align-items:center;gap:16px}.auth-actions{display:flex;align-items:center;gap:12px}.auth-button{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--accent-color);padding:8px 18px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.3s ease}.auth-button:hover{background:#0f83;color:#fff}.user-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffffff14;color:var(--text-color);font-size:.85rem}.user-avatar{height:28px;width:28px;border-radius:50%;object-fit:cover}.user-fallback{height:28px;width:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0f83;color:var(--accent-color);font-weight:700;text-transform:uppercase}.user-name{font-weight:600;color:var(--text-color)}.lang-opt{background:transparent;border:0;padding:0;appearance:none;font:inherit}.lang-opt:focus{outline:none}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1200;background:#050b148c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,255,136,.2);transition:background .3s ease}.nav-container{width:94%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:80px;gap:1.5rem}.logo-link{display:flex;align-items:center;gap:12px}.nav-logo{height:68px;width:auto;filter:drop-shadow(0 0 6px rgba(0,255,136,.4))}.logo-text-wrapper{display:flex;flex-direction:column;line-height:1.1}.brand-name{color:#fff;font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.brand-sub{color:var(--accent-color);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;opacity:.8}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text-muted);font-weight:500;font-size:.95rem;transition:color .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.nav-links a.btn-style{background:#00ff881a;border-radius:999px;border:1px solid rgba(0,255,136,.3);padding:8px 22px;color:var(--accent-color);font-weight:600}.nav-links a.btn-style:hover{background:var(--accent-color);color:#050b14;box-shadow:0 0 18px #0f86}.user-menu{position:relative}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffffff14;color:var(--text-color);font-size:.85rem;border:1px solid transparent;cursor:pointer;transition:border-color .3s ease,background .3s ease}.user-chip:hover{border-color:#0f86;background:#ffffff1f}.user-dropdown{position:absolute;right:0;top:calc(100% + 12px);min-width:210px;padding:12px;display:grid;gap:6px;background:#0f1724bf;border:1px solid rgba(255,255,255,.15);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 40px #00000073;z-index:2000}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:transparent;color:var(--text-color);font-size:.9rem;border:none;width:100%;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.dropdown-item:hover{background:#00ff8826;color:#fff}.dropdown-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-color)}.dropdown-icon svg{width:100%;height:100%}