:root{--bg-dark:#07090e;--panel-bg:#0e1218f2;--panel-border:#ffffff26;--accent-cyan:#00f5d4;--accent-blue:#3b82f6;--accent-glow:#00f5d440;--text-main:#f8fafc;--text-muted:#cbd5e1;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}html,body{background-color:var(--bg-dark);height:100vh;color:var(--text-main);font-family:var(--font-body);margin:0;padding:0;overflow:hidden}.app-viewport{background-color:#0000;background-image:linear-gradient(#07090e66 0%,#07090ee6 85%,#07090e 100%),radial-gradient(circle,#00f5d41f 0%,#0000 70%),url(/img/masood_photo.png);background-position:50%;background-repeat:repeat,repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;width:100vw;height:100vh;display:flex}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em}.hero-section{text-center:center;flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.hero-tag{letter-spacing:.25em;text-shadow:0 0 12px #00f5d499;font-size:1.1rem;font-weight:700;color:var(--accent-cyan)!important}.hero-title{color:#fff;text-shadow:0 10px 30px #000000e6;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-muted);text-shadow:0 2px 8px #000c;max-width:600px;margin:0 auto;font-size:clamp(1rem,1.8vw,1.2rem)}.custom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);background:#07090ed9;padding-top:.5rem;padding-bottom:.5rem}.nav-link{color:#cbd5e1;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--accent-cyan)}.grid-card{border:1px solid var(--panel-border);background:#ffffff08;border-radius:12px;height:100%;padding:1.5rem;transition:all .3s}.grid-card:hover{border-color:#00f5d466;transform:translateY(-2px)}.card-icon-wrapper{width:42px;height:42px;color:var(--accent-cyan);background:#00f5d414;border:1px solid #00f5d440;border-radius:8px;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.1rem;display:flex}.btn-neon-outline{border:1px solid var(--accent-cyan);color:var(--accent-cyan);letter-spacing:.05em;box-shadow:0 0 15px var(--accent-glow);background:0 0;border-radius:8px;padding:.65rem 1.75rem;font-weight:600;transition:all .3s}.btn-neon-outline:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 30px #00f5d480}.modal-content{background-color:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #000000f2}.modal-header,.modal-footer{border-color:var(--panel-border)}.nav-tabs{border-bottom-color:var(--panel-border)}.nav-tabs .nav-link{color:var(--text-muted);background:0 0;border:none;padding:.75rem 1.25rem;font-size:.9rem}.nav-tabs .nav-link.active{color:var(--accent-cyan);border-bottom:2px solid var(--accent-cyan)}.form-control,.form-select{border:1px solid var(--panel-border);color:var(--text-main);background-color:#0c0f17}.form-control:focus,.form-select:focus{color:var(--text-main);border-color:var(--accent-cyan);box-shadow:0 0 0 .25rem var(--accent-glow);background-color:#0c0f17}.form-control::placeholder,.form-select::placeholder,input::placeholder,textarea::placeholder{color:#fff!important;opacity:.4!important}pre{border:1px solid var(--panel-border);color:var(--accent-cyan);background-color:#040508;border-radius:8px;max-height:280px;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.85rem;overflow-y:auto}footer{border-top:1px solid var(--panel-border);color:#cbd5e1;background:#07090ee6;padding-top:.75rem;padding-bottom:.75rem}.footer-link{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-cyan)}.footer-icon{color:#94a3b8;transition:all .2s}.footer-icon:hover{color:var(--accent-cyan);transform:translateY(-2px)}.privacy-modal-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:#ffffffbf;font-size:.875rem;line-height:1.6}.privacy-modal-body .section-heading{letter-spacing:.08em;color:var(--accent-cyan,#0d6efd);font-size:.8rem;font-weight:700}.privacy-modal-body h6{color:#ffffffe6;font-size:.85rem;font-weight:600}.privacy-modal-body ul{padding-left:1.15rem}.privacy-modal-body li{margin-bottom:.4rem}.privacy-modal-body li strong{color:#fffffff2}.privacy-modal-body .meta-text{opacity:.6;font-size:.8rem}
