:root{--bg-color: #0a0a0f;--card-bg: rgba(20, 20, 30, .6);--primary-color: #00f3ff;--secondary-color: #bc13fe;--text-color: #e0e0e0;--text-muted: #888;--border-color: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,rgba(188,19,254,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,243,255,.1) 0%,transparent 20%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 4px 30px #0000001a}.cyber-input{background:#0000004d;border:1px solid var(--border-color);color:var(--text-color);padding:10px 15px;border-radius:6px;width:100%;box-sizing:border-box;transition:all .3s ease}.cyber-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #00f3ff33}.cyber-btn{background:linear-gradient(45deg,var(--primary-color),#00a8ff);border:none;color:#000;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cyber-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #00f3ff66}.cyber-btn.secondary{background:linear-gradient(45deg,var(--secondary-color),#8a2be2);color:#fff}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}h1,h2,h3{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-bottom:30px;border-bottom:1px solid var(--border-color)}.nav-links a{color:var(--text-color);text-decoration:none;margin-left:20px;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}