/*====================================================
HEALTH DETECTIVE AI – COMPLETE CSS
====================================================*/
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    font-family:'Poppins',sans-serif;
    background:#061321;
    color:#ffffff;
    overflow-x:hidden;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    top:0 !important;
}
:root{
    --primary:#23cfff;
    --accent:#2fd8ff;
    --dark:#061321;
    --muted:#c7d7e6;
    --transition:all .3s ease;
}
.container{width:min(1400px,92%);margin:0 auto;}
h1,h2,h3,h4{font-weight:700;letter-spacing:.3px;color:#fff;}
p{color:var(--muted);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}

/* Hide Google Translate banner */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
body > .skiptranslate,
.goog-te-gadget-simple{display:none !important;}
.goog-tooltip,
.goog-tooltip:hover{display:none !important;}
#google_translate_element{display:none !important;}

/* Fixed language selector */
.lang-fixed{
    position:fixed;top:100px;right:16px;z-index:10000;
    background:rgba(6,19,33,.95);border:1px solid rgba(35,207,255,.4);
    border-radius:50px;padding:6px 10px;backdrop-filter:blur(12px);
}
.lang-fixed select{
    background:transparent;border:none;color:#e8f4fc;
    font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;outline:none;
}
.lang-fixed select option{background:#0a2037;color:#fff;}

/* Header */
.header{
    position:fixed;top:0;left:0;width:100%;z-index:9999;
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    background:rgba(6,19,33,.95);border-bottom:1px solid rgba(255,255,255,.07);
}
.header .container{
    display:flex;justify-content:space-between;align-items:center;
    min-height:92px;height:auto;padding:16px 0;gap:24px;
}
.logo{
    display:flex;align-items:center;gap:12px;
    font-size:22px;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0;
}
.logo img{width:52px;height:auto;}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end;}
.nav a{
    color:#e8f4fc;font-weight:700;font-size:16px;letter-spacing:.3px;
    transition:var(--transition);position:relative;white-space:nowrap;display:inline-block;
}
.nav a:hover{color:var(--primary);transform:scale(1.1);text-shadow:0 0 14px rgba(35,207,255,.55);}
.nav a::after{
    content:"";position:absolute;bottom:-8px;left:0;width:0;height:2.5px;
    background:var(--primary);transition:.3s;border-radius:2px;
}
.nav a:hover::after{width:100%;}
.login-btn{
    padding:11px 22px !important;border-radius:50px;border:1.5px solid rgba(255,255,255,.25);
    font-size:15px !important;font-weight:700 !important;
}
.login-btn:hover{background:rgba(255,255,255,.12);transform:scale(1.08);border-color:rgba(35,207,255,.5);}
.login-btn::after,.join-button::after{display:none !important;}
.join-button{
    padding:12px 26px !important;border-radius:50px;
    background:linear-gradient(135deg,#18b7ff,#29dbff);color:#031321 !important;
    font-weight:800 !important;font-size:15px !important;
    box-shadow:0 12px 30px rgba(35,207,255,.45);transition:var(--transition);
}
.join-button:hover{transform:scale(1.08) translateY(-2px);color:#031321 !important;box-shadow:0 18px 40px rgba(35,207,255,.6);}

/* Hero */
.hero{
    position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;
    background-color:#061321;background-image:url("../images/BIO3.webp");
    background-position:center center;background-size:cover;background-repeat:no-repeat;
}
.hero-overlay,.hero::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(4,12,24,.40) 0%,rgba(4,14,28,.30) 45%,rgba(3,10,20,.50) 100%);
    z-index:1;
}
.hero-content{position:relative;z-index:3;text-align:center;padding-top:150px;padding-bottom:70px;max-width:1100px;}
.hero-badge{
    display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:50px;
    background:rgba(6,20,40,.75);border:1px solid rgba(35,207,255,.45);
    color:#8feaff;margin-bottom:28px;font-size:15px;font-weight:600;letter-spacing:.4px;backdrop-filter:blur(8px);
}
.hero h1{
    font-size:clamp(42px,7vw,78px);line-height:1.05;margin-bottom:16px;color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.9),0 4px 24px rgba(0,0,0,.7);
}
.hero h2{
    font-size:clamp(22px,3.5vw,34px);color:#46dcff;margin-bottom:30px;font-weight:600;
    text-shadow:0 2px 8px rgba(0,0,0,.85);
}
.hero-text{
    font-size:clamp(16px,2vw,22px);line-height:1.9;max-width:900px;margin:0 auto;color:#e8f4fc;
    text-shadow:0 1px 6px rgba(0,0,0,.9),0 2px 16px rgba(0,0,0,.6);
}

/* Buttons */
.primary-btn{
    display:inline-block;padding:18px 44px;border-radius:60px;
    background:linear-gradient(135deg,#1cb8ff,#2be6ff);color:#03111d;
    font-weight:700;font-size:16px;transition:var(--transition);
    box-shadow:0 18px 45px rgba(35,207,255,.35);border:none;cursor:pointer;
}
.primary-btn:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(35,207,255,.5);}
.secondary-btn{
    display:inline-block;padding:18px 44px;border-radius:60px;border:2px solid var(--accent);
    color:var(--accent);font-weight:700;font-size:16px;transition:var(--transition);background:transparent;
}
.secondary-btn:hover{transform:translateY(-4px);background:rgba(47,216,255,.12);}
.hero-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;}

/* Search */
.search-container{
    width:min(900px,95%);margin:45px auto 25px;display:flex;align-items:center;
    background:rgba(6,20,40,.75);border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(18px);border-radius:70px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.45);
}
.search-container:focus-within{border-color:rgba(35,207,255,.55);}
.search-container input{
    flex:1;border:none;outline:none;background:transparent;padding:24px 30px;
    font-size:18px;color:#fff;font-family:inherit;
}
.search-container input::placeholder{color:#a8bdd0;}
.search-container button{
    border:none;cursor:pointer;padding:24px 42px;font-size:17px;font-weight:700;color:#051320;
    background:linear-gradient(135deg,#22bfff,#35e7ff);transition:var(--transition);
    font-family:inherit;display:flex;align-items:center;gap:8px;
}
.search-container button:hover{background:linear-gradient(135deg,#35e7ff,#22bfff);}

#aiResponse{width:min(1000px,95%);margin:35px auto;}
.ai-answer{
    background:rgba(6,20,40,.85);border:1px solid rgba(35,207,255,.25);border-radius:24px;
    padding:35px;backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.35);text-align:left;
}
.ai-answer h2{color:#35dfff;margin-bottom:20px;}
.ai-answer p{font-size:17px;line-height:1.8;}

/* ONE FREE AI QUESTION – large title */
.free-ai-title{
    font-size:clamp(28px,5vw,42px) !important;
    font-weight:800 !important;
    letter-spacing:1px;
    color:#2fd8ff !important;
    text-align:center;
    margin:10px 0 22px !important;
    text-transform:uppercase;
    text-shadow:0 0 20px rgba(47,216,255,.35);
}

/* Filters */
.research-filters{
    width:min(1100px,96%);margin:35px auto;padding:32px;border-radius:28px;
    background:rgba(6,20,40,.7);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);
}
.research-filters h3{text-align:center;color:#fff;font-size:26px;margin-bottom:28px;}
.filter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.filter-grid label{
    display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:60px;cursor:pointer;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
    transition:var(--transition);font-size:14px;font-weight:600;color:#e0eef8;
}
.filter-grid label:hover{transform:translateY(-3px);background:rgba(22,142,255,.9);border-color:transparent;}
.filter-grid input{accent-color:var(--primary);transform:scale(1.15);cursor:pointer;}

.sample-questions{margin-top:28px;text-align:center;}
.sample-questions a{
    display:inline-block;margin:7px;padding:12px 22px;border-radius:50px;
    background:rgba(6,20,40,.7);border:1px solid rgba(255,255,255,.14);
    transition:var(--transition);font-size:14px;color:#d5e5f2;
}
.sample-questions a:hover{background:var(--primary);color:#041320;transform:translateY(-2px);}

.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;}
.category-buttons span{
    padding:11px 20px;border-radius:40px;background:rgba(6,20,40,.65);
    border:1px solid rgba(255,255,255,.12);color:#dfefff;font-size:14px;font-weight:500;transition:var(--transition);
}
.category-buttons span:hover{background:var(--primary);color:#041320;transform:translateY(-3px);}

.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:55px;margin-top:60px;}
.stat{text-align:center;}
.stat h2{font-size:42px;color:var(--accent);margin-bottom:6px;line-height:1;}
.stat span{color:#c8d8e6;font-size:15px;font-weight:500;}

/* Sections */
section{position:relative;padding:120px 0;}
.section-title{text-align:center;margin-bottom:70px;}
.section-title span{
    display:inline-block;color:var(--accent);font-size:14px;font-weight:700;
    letter-spacing:4px;text-transform:uppercase;margin-bottom:14px;
}
.section-title h2{color:#fff;font-size:clamp(32px,5vw,56px);margin:16px 0 20px;}
.section-title p{max-width:900px;margin:0 auto;font-size:18px;color:#c8d8e6;line-height:1.8;}

/* Features */
.why-us{background:linear-gradient(180deg,rgba(2,12,24,.7),rgba(5,18,38,.9));}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;}
.why-card{
    background:rgba(9,27,46,.85);border:1px solid rgba(255,255,255,.1);border-radius:28px;
    padding:40px 32px;transition:var(--transition);backdrop-filter:blur(16px);
}
.why-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 28px 60px rgba(35,207,255,.22);}
.why-card .icon{margin-bottom:24px;}
.why-card .icon i,.why-card i{font-size:48px;color:var(--accent);}
.why-card h3{font-size:24px;margin-bottom:14px;}
.why-card p{color:#d4e3ef;line-height:1.8;font-size:15px;}

/* BioPhoton */
.biophoton{background:linear-gradient(rgba(2,15,32,.92),rgba(3,17,34,.96));}
.biophoton-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.bio-image img,.bio-device{width:100%;border-radius:24px;box-shadow:0 28px 70px rgba(0,0,0,.5);}
.bio-content h2{font-size:clamp(28px,4vw,48px);margin-bottom:22px;}
.bio-content p{font-size:17px;line-height:1.9;margin-bottom:22px;}
.bio-features{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 10px;}
.feature-item{display:flex;align-items:center;gap:12px;color:#d4e3ef;font-weight:500;font-size:15px;}
.feature-item i{color:var(--accent);font-size:17px;flex-shrink:0;}

/* Membership gate */
.membership-gate{max-width:700px;margin:0 auto 50px;text-align:center;}
.gate-box{
    background:rgba(8,24,45,.92);border:2px solid rgba(35,207,255,.35);border-radius:28px;
    padding:40px 35px;box-shadow:0 25px 60px rgba(35,207,255,.15);
}
.gate-box i{font-size:42px;color:#2fd8ff;margin-bottom:18px;}
.gate-box h3{font-size:28px;margin-bottom:14px;color:#fff;}
.gate-box p{color:#c8d8e6;font-size:16px;line-height:1.7;margin-bottom:22px;}
.gate-prices{
    display:flex;justify-content:center;align-items:center;gap:14px;
    margin-bottom:28px;font-size:18px;font-weight:700;color:#2fd8ff;
}
.gate-prices span:nth-child(2){color:#8fa8bc;font-weight:500;font-size:15px;}

/* Readable locked content */
.research-locked{
    opacity:0.72;
    filter:none;
    pointer-events:none;
    user-select:none;
}

/* Research + databases */
.research,.global-research{position:relative;overflow:hidden;}
.global-research{background:linear-gradient(180deg,rgba(2,12,24,.4),rgba(5,18,38,.85));}
.country-filter-bar{
    display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-bottom:40px;
}
.country-filter-bar label{color:#c8d8e6;font-weight:600;font-size:15px;}
.country-filter-bar select{
    min-width:260px;background:rgba(8,24,45,.9);border:1px solid rgba(35,207,255,.35);
    color:#fff;padding:12px 18px;border-radius:50px;font-family:inherit;font-size:15px;cursor:pointer;
}
.country-filter-bar select option{background:#0a2037;color:#fff;}
.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px;}
.research-card{
    position:relative;background:rgba(8,24,45,.88);border:1px solid rgba(255,255,255,.1);
    border-radius:26px;padding:38px 28px;backdrop-filter:blur(16px);transition:var(--transition);
    text-align:center;overflow:hidden;
}
.research-card::before{
    content:"";position:absolute;top:0;left:0;width:5px;height:100%;
    background:linear-gradient(#26d6ff,#006eff);
}
.research-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 28px 65px rgba(35,207,255,.2);}
.research-card i{font-size:44px;color:var(--accent);margin-bottom:18px;}
.research-card h3{font-size:22px;margin-bottom:12px;}
.research-card p{color:#cdd8e7;font-size:15px;line-height:1.7;margin-bottom:20px;}
.research-card a{
    display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:60px;
    background:linear-gradient(135deg,#1aa7ff,#34ddff);color:#03111c;font-weight:700;font-size:14px;transition:var(--transition);
}
.research-card a:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(35,207,255,.3);}

/* Pricing */
.pricing{
    background:linear-gradient(180deg,rgba(3,14,30,.96),rgba(1,8,18,.99));
    border-top:1px solid rgba(35,207,255,.18);border-bottom:1px solid rgba(35,207,255,.18);
}
.pricing .section-title span{
    background:rgba(35,207,255,.18);padding:8px 20px;border-radius:40px;border:1px solid rgba(35,207,255,.35);
}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;max-width:900px;margin:0 auto;}
.price-card{
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;
    text-align:center;padding:50px 36px;transition:var(--transition);backdrop-filter:blur(16px);position:relative;
}
.price-card:hover{transform:translateY(-12px);border-color:var(--accent);box-shadow:0 30px 70px rgba(35,207,255,.28);}
.price-card.featured{
    border:2.5px solid var(--accent);
    background:linear-gradient(180deg,rgba(17,55,95,.75),rgba(8,28,52,.9));
    transform:scale(1.05);box-shadow:0 25px 60px rgba(35,207,255,.28);
}
.price-card.featured:hover{transform:scale(1.05) translateY(-10px);}
.best-value{
    position:absolute;top:-14px;left:50%;transform:translateX(-50%);
    background:linear-gradient(135deg,#18b7ff,#29dbff);color:#03111c;
    font-size:12px;font-weight:800;padding:7px 18px;border-radius:30px;
    letter-spacing:1px;box-shadow:0 8px 20px rgba(35,207,255,.45);
}
.price-card h3{font-size:26px;margin-bottom:18px;font-weight:700;}
.price{font-size:64px;color:var(--accent);font-weight:800;margin-bottom:8px;line-height:1;}
.price span{font-size:18px;color:#d8e7f3;font-weight:500;}
.price-card ul{margin:32px 0;text-align:left;}
.price-card li{margin:14px 0;color:#d6e5f0;display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500;}
.price-card li i{color:var(--accent);font-size:16px;}
.pay-buttons{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.pay-buttons .primary-btn,
.pay-buttons .secondary-btn{width:100%;text-align:center;padding:14px 20px;font-size:15px;}
.pay-note{font-size:13px;color:#a8bdd0;margin-top:4px;line-height:1.5;}

/* Testimonials */
.testimonials{background:rgba(2,12,24,.7);}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.testimonial{
    background:rgba(9,27,46,.85);border:1px solid rgba(255,255,255,.1);border-radius:24px;
    padding:34px;backdrop-filter:blur(14px);transition:var(--transition);
}
.testimonial:hover{border-color:var(--accent);transform:translateY(-6px);}
.testimonial p{font-size:16px;line-height:1.8;margin-bottom:20px;font-style:italic;color:#d4e3ef;}
.testimonial h4{color:var(--accent);font-size:15px;font-weight:600;}

/* Contact */
.contact-form{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.contact-form input,.contact-form textarea{
    width:100%;padding:18px 24px;border:1px solid rgba(255,255,255,.14);border-radius:16px;
    background:rgba(255,255,255,.07);color:#fff;font-family:inherit;font-size:16px;outline:none;transition:var(--transition);
}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);background:rgba(255,255,255,.1);}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8fa8bc;}
.contact-form textarea{min-height:160px;resize:vertical;}
.contact-form button{align-self:center;cursor:pointer;border:none;margin-top:8px;}

/* Footer */
footer{background:#04111d;padding:90px 0 30px;border-top:1px solid rgba(255,255,255,.08);}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:48px;}
.footer-brand{margin-bottom:18px;}
.footer-logo{width:52px;height:auto;}
.footer-grid h4{margin-bottom:20px;color:var(--accent);font-size:20px;}
.footer-grid a{display:block;margin:11px 0;color:#d4e3ef;transition:var(--transition);font-size:15px;}
.footer-grid a:hover{color:var(--accent);padding-left:6px;}
.footer-grid p{line-height:1.8;color:#c8d8e6;max-width:320px;font-size:15px;}
.copyright{margin-top:65px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#9eb4c8;font-size:14px;}

/* Scrollbar + selection */
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:#071726;}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background:#55e5ff;}
::selection{background:var(--primary);color:#04121c;}

/* Responsive */
@media(max-width:1100px){
    .header .container{flex-wrap:wrap;min-height:auto;padding:16px 0;}
    .nav{width:100%;justify-content:center;gap:14px;margin-top:12px;}
    .nav a{font-size:15px;}
    .lang-fixed{top:auto;bottom:20px;right:16px;}
}
@media(max-width:900px){
    .hero h1{font-size:48px;}
    .hero h2{font-size:26px;}
    .biophoton-grid{grid-template-columns:1fr;gap:40px;}
    .bio-features{grid-template-columns:1fr;}
    .search-container{flex-direction:column;border-radius:28px;}
    .search-container input{width:100%;text-align:center;}
    .search-container button{width:100%;border-radius:0 0 28px 28px;justify-content:center;}
    .price-card.featured{transform:none;}
    .price-card.featured:hover{transform:translateY(-10px);}
}
@media(max-width:600px){
    .hero-content{padding-top:120px;}
    .hero h1{font-size:36px;}
    .hero h2{font-size:20px;}
    .primary-btn,.secondary-btn{width:100%;text-align:center;}
    .price{font-size:48px;}
    .gate-box{padding:28px 20px;}
    .country-filter-bar select{min-width:100%;}
    .free-ai-title{font-size:26px !important;}
}