*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}
body{background:#000;color:#fff}
.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;background:rgba(8,12,20,.55);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo img{height:90px}
nav ul{display:flex;list-style:none;gap:30px}
nav a{text-decoration:none;color:#b9c0d3}
nav a:hover{color:#4da6ff}
.page{padding:40px 20px;display:flex;flex-direction:column;align-items:center}
.back-home{width:100%;max-width:950px;margin-bottom:16px}
.back-home a{color:#7ab8ff;text-decoration:none}
.card{max-width:950px;width:100%;background:rgba(10,15,30,.82);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);padding:40px;border-radius:20px;animation:fadeUp .8s ease;box-shadow:0 20px 60px rgba(0,0,0,.4)}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.hero-logo{display:block;margin:0 auto 16px;height:100px}
h1{text-align:center;margin-bottom:12px}
.subtitle{text-align:center;color:#aab5c9;margin-bottom:24px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
input,select,textarea{width:100%;padding:14px;border-radius:10px;background:#0b1625;color:#fff;border:1px solid rgba(255,255,255,.08)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
textarea{margin-bottom:20px;resize:vertical}
button{width:100%;padding:16px;border:none;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:16px;cursor:pointer}
button:hover{transform:translateY(-2px)}
@media(max-width:768px){.grid{grid-template-columns:1fr}.navbar{padding:0 16px}.logo img{height:70px}nav ul{gap:14px;font-size:14px}.card{padding:24px}}