:root{--bg:#0f1724;--panel:#0b1220;--accent:#0b71ff;--muted:#94a3b8;--glass: rgba(255,255,255,.04);--nav-bg: #ffffff;--nav-text: #0f1724}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial}body{background:linear-gradient(180deg,#07102a,#071428 50%);color:#e6eef8;padding-top:80px}.navbar.modern{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:var(--nav-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,36,.06);box-shadow:0 6px 20px #0f17240a;position:fixed;top:0;left:0;right:0;z-index:1000}.brand .brand-link{font-weight:700;color:var(--nav-text);text-decoration:none;font-size:1.05rem;display:flex;align-items:center;gap:10px}.brand .accent{color:var(--accent);margin-left:4px}.brand img.logo{height:50px;width:auto;display:block}.brand .brand-text{font-weight:700;font-size:1.2rem}.nav-links{display:flex;gap:12px;align-items:center}.nav-links a{color:var(--nav-text);text-decoration:none;padding:8px 10px;border-radius:6px;transition:all .12s}.nav-links a:hover{background:#0206170a;transform:translateY(-1px)}.nav-actions{display:flex;gap:10px;align-items:center}.btn{background:linear-gradient(90deg,var(--accent),#60a5fa);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600}.btn-ghost{background:transparent;border:1px solid rgba(15,23,36,.06);color:var(--nav-text);padding:7px 12px;border-radius:8px}.btn-link{background:none;border:none;color:var(--nav-text);cursor:pointer}.dropdown{position:relative}.dropbtn{background:transparent;border:none;color:var(--nav-text);padding:8px 10px;border-radius:6px;cursor:pointer}.dropdown-content{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--nav-bg);border-radius:10px;padding:6px 0;box-shadow:0 10px 30px #02061714;opacity:0;pointer-events:none;transform:translateY(-6px);transition:all .15s}.dropdown-content.open{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-content a{display:block;padding:10px 14px;color:var(--nav-text);text-decoration:none}.dropdown-content a:hover{background:#0206170a;color:var(--nav-text)}.dropbtn.active-link{background:var(--accent);color:#fff}.active-link,.nav-links a.active-link{background:var(--accent);color:#fff;padding:8px 10px;border-radius:6px}.dropdown-content a.active-link{background:#0b71ff1f;color:var(--nav-text)}.members-row{display:grid;gap:24px;margin-bottom:24px}.top-row{grid-template-columns:1fr;justify-items:center}.second-row{grid-template-columns:repeat(2,1fr)}.third-row{grid-template-columns:repeat(4,1fr)}.member-card{background:var(--panel);padding:20px;border-radius:12px;text-align:center;color:#dbeafe;box-shadow:0 8px 30px #02061799;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.member-card:hover{transform:translateY(-8px);box-shadow:0 16px 50px #020617cc}.member-card img{width:100%;height:220px;object-fit:contain;border-radius:10px;margin-bottom:12px;transition:transform .3s ease}.member-card img:hover{transform:scale(1.05)}.member-card h4{margin:8px 0;font-size:1.2rem;font-weight:600}.member-card p{margin:4px 0;color:var(--muted);font-size:.95rem}.members-page{padding-top:40px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.members-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.top-row{justify-items:stretch}.member-card{padding:16px}.member-card img{height:180px}.members-page{padding-top:20px}}.admin-wrap{display:flex;gap:18px}.admin-sidebar{width:220px;background:#fff;padding:18px;border-radius:8px;color:#0f1724}.admin-brand{font-weight:700;margin-bottom:6px}.admin-user{color:#475569;margin-bottom:12px}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav a{color:#0f1724;text-decoration:none;padding:8px;border-radius:6px}.admin-nav a.active{background:var(--accent);color:#fff}.admin-main{flex:1;padding:18px;background:transparent}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:8px;border-bottom:1px solid rgba(15,23,36,.06);text-align:left}.users-table select{padding:6px}.container{padding:24px}.app-grid{display:flex;gap:18px}.app-grid>.container{flex:1}.hero{padding:64px 20px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.01));display:flex;align-items:center;justify-content:center}.hero-inner{max-width:920px;text-align:center}.hero h1{font-size:2.6rem;margin:0 0 12px;color:#fff}.hero .lead{color:var(--muted);font-size:1.05rem;margin-bottom:18px}.hero-cta .btn{margin-right:12px}.showcase{position:relative;height:420px;pointer-events:none}.float-grid{position:relative;width:100%;height:100%;max-width:1200px;margin:0 auto}.float-item{position:absolute;width:280px;height:180px;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #03081799;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.float-item img{width:100%;height:100%;object-fit:cover;display:block}.float-item.f1{left:6%;top:8%;animation:floatA 6s ease-in-out infinite}.float-item.f2{right:10%;top:14%;width:300px;height:200px;animation:floatB 7s ease-in-out infinite}.float-item.f3{left:22%;bottom:8%;width:260px;height:170px;animation:floatC 5.5s ease-in-out infinite}.float-item.f4{right:26%;bottom:10%;width:300px;height:200px;animation:floatD 8s ease-in-out infinite}@keyframes floatA{0%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}to{transform:translateY(0) rotate(-1deg)}}@keyframes floatB{0%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-20px) rotate(-1deg)}to{transform:translateY(0) rotate(2deg)}}@keyframes floatC{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes floatD{0%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-16px) rotate(-1deg)}to{transform:translateY(0) rotate(1deg)}}.about{max-width:900px;margin:44px auto;padding:0 18px}.about h2{color:#fff}.about p{color:var(--muted);line-height:1.6}.form{max-width:420px}.form input{width:100%;padding:10px;margin-bottom:8px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:#061027;color:#e6eef8}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:24px}.auth-card{width:100%;max-width:520px;background:#fff;color:#0f1724;padding:28px;border-radius:12px;box-shadow:0 20px 60px #02061759;border:1px solid rgba(2,6,23,.06)}.auth-brand{text-align:center;margin-bottom:8px}.auth-title{margin:8px 0 18px;text-align:center;color:#0f1724}.auth-form .form input{background:#f8fafc;color:#0f1724;border:1px solid rgba(15,23,36,.06)}.auth-form .btn{width:100%;padding:10px;border-radius:10px}.auth-card small a{color:var(--accent);text-decoration:none}.error{color:#ff7b7b}@media (max-width:600px){.float-item{display:none}.hero h1{font-size:1.8rem}.nav-links{display:none}}