:root{--bg-dark: #070a13;--neon-cyan: #00f2fe;--neon-blue: #4facfe;--neon-purple: #9b51e0;--text-light: #f0f4f8;--card-bg: rgba(10, 18, 36, .8);--border-glow: rgba(0, 242, 254, .3)}body{margin:0;font-family:Courier New,Courier,monospace,Segoe UI,sans-serif;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden}.app-container{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box}.cyber-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,242,254,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.12;pointer-events:none;z-index:0}.orb-1{width:400px;height:400px;background:var(--neon-cyan);top:10%;left:-100px}.orb-2{width:500px;height:500px;background:var(--neon-purple);bottom:10%;right:-100px}.orb-3{width:300px;height:300px;background:var(--neon-blue);top:40%;left:50%;transform:translate(-50%)}.cyber-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#070a13d9;border:1px solid rgba(0,242,254,.2);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-shadow:0 4px 20px #00000080}.logo-section{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3rem;letter-spacing:3px}.pulse-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 10px var(--neon-cyan))}}.text-cyan{color:var(--neon-cyan)}.text-purple{color:var(--neon-purple)}.keyboard-tips{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#718096;background:#ffffff08;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.keyboard-tips kbd{background:#1a202c;border:1px solid #4a5568;border-radius:4px;padding:1px 5px;font-size:.7rem;color:var(--neon-cyan);box-shadow:0 1px 3px #00000080}.system-status{display:flex;align-items:center;gap:8px;font-size:.8rem;background:#00ff8714;padding:6px 14px;border-radius:20px;border:1px solid rgba(0,255,135,.25)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.green{background-color:#00ff87;box-shadow:0 0 8px #00ff87}.system-ticker{display:flex;align-items:center;gap:10px;background:#0006;border:1px solid rgba(0,242,254,.1);border-radius:8px;padding:8px 16px;margin:12px 0 0;z-index:10;font-size:.75rem;letter-spacing:1px}.ticker-icon{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ticker-text{color:#a0aec0;font-family:monospace}.cyber-nav{display:flex;justify-content:center;gap:12px;margin:15px 0;z-index:10;flex-wrap:wrap}.nav-btn{position:relative;background:#0f172a99;border:1px solid rgba(0,242,254,.15);color:#a0aec0;padding:10px 20px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;transition:all .25s ease}.nav-btn:hover{color:#fff;border-color:var(--neon-cyan);box-shadow:0 0 12px #00f2fe4d;transform:translateY(-1px)}.nav-btn.active{color:#fff;border-color:var(--neon-cyan);background:#00f2fe14;box-shadow:0 0 15px #00f2fe40}.active-indicator{position:absolute;bottom:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));border-radius:2px;box-shadow:0 0 6px var(--neon-cyan)}.main-content{flex-grow:1;display:flex;justify-content:center;align-items:center;z-index:5;max-width:750px;width:100%;margin:0 auto}.page-wrapper{width:100%}.hud-corner{position:absolute;width:12px;height:12px;border:2px solid var(--neon-cyan);pointer-events:none;opacity:.6}.hud-corner.top-left{top:12px;left:12px;border-right:none;border-bottom:none}.hud-corner.top-right{top:12px;right:12px;border-left:none;border-bottom:none}.hud-corner.bottom-left{bottom:12px;left:12px;border-right:none;border-top:none}.hud-corner.bottom-right{bottom:12px;right:12px;border-left:none;border-top:none}.hero-section{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--card-bg);border:1px solid rgba(0,242,254,.15);border-radius:24px;padding:40px 30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge{display:flex;align-items:center;gap:6px;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);padding:6px 16px;border-radius:20px;font-size:.8rem;letter-spacing:1px}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.25;margin:5px 0}.gradient-text{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,242,254,.25))}.hero-subtitle{color:#a0aec0;max-width:480px;font-size:.95rem;line-height:1.6}.interactive-portal{position:relative;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,.08) 0%,transparent 70%);border:1px dashed rgba(0,242,254,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;margin:10px 0;overflow:hidden}.interactive-portal:hover{transform:scale(1.03);border-color:var(--neon-cyan);box-shadow:0 0 25px #00f2fe40}.portal-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:1px double rgba(0,242,254,.15);pointer-events:none}.animate-spin-slow{animation:spin 15s infinite linear}.portal-brain{color:var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan));z-index:2}.scanner-line{position:absolute;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);top:0;animation:scan 4s infinite linear;z-index:1}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.portal-tip{font-size:.7rem;color:#a0aec0;margin-top:8px;z-index:2}.primary-glow-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));border:none;color:#070a13;font-weight:700;padding:12px 28px;border-radius:30px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 15px #00f2fe59}.primary-glow-btn:hover{transform:translateY(-1px);box-shadow:0 0 25px #00f2fe99}.feature-card{position:relative;background:var(--card-bg);border:1px solid rgba(0,242,254,.15);border-radius:24px;padding:30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0009}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card-header h2{margin:0;font-size:1.4rem;background:linear-gradient(90deg,#fff,#cbd5e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-desc{color:#a0aec0;font-size:.9rem;margin-bottom:20px}.symptom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.symptom-tag{background:#ffffff05;border:1px solid rgba(255,255,255,.08);color:#cbd5e0;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.85rem}.symptom-tag:hover{background:#00f2fe0a;border-color:#00f2fe4d;color:#fff}.symptom-tag.selected{background:#00f2fe1f;border-color:var(--neon-cyan);color:#fff;box-shadow:0 0 12px #00f2fe33}.scan-control{display:flex;flex-direction:column;align-items:center;gap:8px}.scan-btn{width:100%;background:linear-gradient(90deg,#00f2fe,#4facfe);border:none;color:#070a13;font-weight:700;padding:14px;border-radius:12px;cursor:pointer;font-size:.95rem;transition:all .25s ease}.scan-btn:disabled{background:#1e2530;color:#4a5568;cursor:not-allowed}.shortcut-hint{font-size:.75rem;color:#4a5568}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:#ffffff03;border:1px dashed rgba(255,255,255,.06);border-radius:16px;margin-top:15px}.empty-icon{color:#00f2fe4d;margin-bottom:12px}.empty-title{font-size:.95rem;font-weight:700;color:#a0aec0;margin:0 0 4px}.empty-text{font-size:.8rem;color:#718096;margin:0}.scanning-loader{margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.loader-ring{width:30px;height:30px;border:2px solid rgba(0,242,254,.1);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin 1s infinite linear}.scanning-loader .bar{width:100%;height:3px;background:var(--neon-cyan);border-radius:2px;animation:loadingBar 2.5s infinite ease-in-out}@keyframes loadingBar{0%{width:0%;margin-right:100%}50%{width:100%;margin-right:0%}to{width:0%;margin-left:100%}}.loading-text{font-size:.8rem;color:var(--neon-cyan);animation:pulse 1.5s infinite}.result-box{margin-top:20px;background:#00f2fe0a;border:1px solid rgba(0,242,254,.25);border-radius:12px;padding:18px}.result-title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--neon-cyan);margin-bottom:8px;font-size:.9rem}.result-text{line-height:1.5;color:#e2e8f0;font-size:.85rem}.nanobot-visualizer{height:130px;background:#00000080;border:1px solid rgba(255,255,255,.06);border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden}.blood-vessel{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.nanobot{position:absolute;background:#00f2fe26;border:1px solid var(--neon-cyan);padding:3px;border-radius:50%;box-shadow:0 0 6px var(--neon-cyan)}.cell-core{width:50px;height:50px;background:radial-gradient(circle,rgba(255,0,128,.3) 0%,transparent 70%);border:1.5px dotted #ff0080;border-radius:50%;animation:spin 15s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.slider-container{display:flex;flex-direction:column;gap:8px}.slider-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#cbd5e0}.text-alert{color:#ff0080;text-shadow:0 0 5px rgba(255,0,128,.5)}.cyber-slider{-webkit-appearance:none;width:100%;height:5px;background:#121824;border-radius:3px;outline:none}.cyber-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--neon-cyan);cursor:pointer;box-shadow:0 0 8px var(--neon-cyan);transition:transform .1s}.cyber-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.pharmacy-input-group{display:flex;gap:10px;margin-bottom:15px}.cyber-input{flex-grow:1;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;color:#fff;outline:none;font-size:.9rem}.cyber-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f2fe33}.generate-pill-btn{background:linear-gradient(90deg,var(--neon-purple),var(--neon-blue));border:none;color:#fff;font-weight:700;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:.9rem}.pill-loading{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{width:36px;height:36px;border:3px solid rgba(155,81,224,.1);border-top-color:var(--neon-purple);border-radius:50%;animation:spin 1s infinite linear}.pill-result{text-align:center;background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:15px}.pill-img{width:180px;height:180px;object-fit:cover;border-radius:12px;margin:10px auto;border:2px solid var(--neon-purple);box-shadow:0 0 15px #9b51e059}.pill-tip{font-size:.75rem;color:#718096}.cyber-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#070a13e6;border-top:1px solid rgba(0,242,254,.2);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:20px;z-index:10}.nav-arrow-btn{display:flex;align-items:center;gap:6px;background:#00f2fe14;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:8px 18px;border-radius:30px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.nav-arrow-btn:hover{background:var(--neon-cyan);color:#070a13;box-shadow:0 0 12px var(--neon-cyan);transform:scale(1.03)}.next-pulse{animation:nextPulse 2s infinite}@keyframes nextPulse{0%,to{box-shadow:0 0 4px #00f2fe4d}50%{box-shadow:0 0 16px #00f2feb3;transform:scale(1.02)}}.page-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#1e2530;cursor:pointer;transition:all .25s ease}.dot.active{background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);transform:scale(1.25)}