@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=MedievalSharp&family=Uncial+Antiqua&family=Almendra:wght@700&display=swap');

*{box-sizing:border-box}html{scroll-behavior:smooth !important}body{margin:0;background:#020817;color:#f5f8fb;font-family:'MedievalSharp', 'Cinzel Decorative', 'Uncial Antiqua', 'Almendra', serif, sans-serif!important;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.hide{display:none!important}.screen{position:fixed;inset:0;z-index:999;background:#020817;display:grid;place-items:center;text-align:center}.loader{width:min(700px,80vw)}small,.micro{font-size:9px;letter-spacing:.22em;color:#82a0b1}

/* Classic Medieval Display & Body Font Universal */
body, html, p, span, div, a, button, input, select, textarea, i, b, small, strong, h1, h2, h3, h4, 
.hero h1, .section h2, .loader h1, .desktop-msg h2, .copy p, .lead, .head p, .info p, .techGrid p,
.brand strong, .dna-card-label, .dna-row-head h3, 
.dates div b, footer b, .register h2, .auth-box h1,
.techGrid article h3, .card .info h3, .result-card h3 {
  font-family: 'MedievalSharp', 'Cinzel Decorative', 'Uncial Antiqua', 'Almendra', serif, sans-serif !important;
  letter-spacing: 0.03em !important;
}.loader small{display:block!important;font:800 clamp(14px,1.5vw,20px) 'Space Grotesk',sans-serif!important;letter-spacing:.22em!important;color:#ffffff!important;text-shadow:0 0 16px rgba(255,255,255,0.6)!important;margin-bottom:16px!important}.loader h1{font:700 clamp(55px,9vw,110px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:30px 0 20px}.loader h1 span{color:#00a9d6}.bar,.videoBar{height:1px;background:#203040}.bar i,.videoBar i{display:block;width:0;height:100%;background:linear-gradient(90deg,#00a9d6,#d51b88)}.loader em{display:block;font-style:normal;font-size:10px;color:#71869a;margin-top:12px}.desktop-msg h2{font:700 clamp(55px,8vw,120px)/.85 'Space Grotesk',sans-serif;letter-spacing:-.08em;margin:30px 0}.desktop-msg h2 b{color:#00a9d6}.desktop-msg p{font:700 clamp(16px,1.8vw,22px) 'Space Grotesk',sans-serif!important;letter-spacing:.08em!important;color:#ffffff!important;text-shadow:0 0 16px rgba(255,255,255,0.5)!important;margin-bottom:40px!important}.desktop-msg button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:linear-gradient(100deg,#087fba,#4c3bd1)!important;border:1.5px solid #00c2b2!important;border-radius:8px!important;padding:16px 38px!important;font:800 clamp(13px,1.3vw,17px) 'Space Grotesk',sans-serif!important;letter-spacing:.18em!important;color:#ffffff!important;box-shadow:0 0 25px rgba(0,194,178,0.5),0 10px 30px rgba(0,0,0,0.7)!important;cursor:pointer!important;transition:all .35s cubic-bezier(.175,.885,.32,1.275)!important}.desktop-msg button:hover{transform:translateY(-4px) scale(1.06)!important;background:linear-gradient(100deg,#00c2b2,#754bff)!important;box-shadow:0 0 40px rgba(0,194,178,0.85),0 15px 35px rgba(0,0,0,0.8)!important}.desktop-msg button span{margin-left:6px!important;font-size:18px!important}.intro{position:fixed;inset:0;z-index:900;background:#000}.intro video{width:100%;height:100%;object-fit:cover}.vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 25%,rgba(0,0,0,.5));pointer-events:none}.intro #skip{position:absolute;right:35px;bottom:35px;border:0;background:none;font-size:10px;letter-spacing:.2em;cursor:pointer}.intro #skip span{margin-left:15px}.videoBar{position:absolute;left:0;right:0;bottom:0}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:95px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg, rgba(2, 8, 23, 0.95) 0%, rgba(2, 8, 23, 0.8) 70%, transparent 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{display:flex;gap:16px;align-items:center}
.brand>b{width:62px!important;height:62px!important;border:none!important;background:transparent!important;display:flex;align-items:center;justify-content:center;padding:0!important}
.brand-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0, 194, 178, 0.75))}
.brand strong{display:block;font:800 clamp(20px,2.2vw,28px) 'Space Grotesk',sans-serif!important;letter-spacing:.12em!important;color:#ffffff!important;text-shadow:0 0 16px rgba(0, 194, 178, 0.6);line-height:1.1}
.brand small{display:block;font:700 clamp(10px,1vw,13px) 'Space Grotesk',sans-serif!important;letter-spacing:.22em!important;color:#ffffff!important;margin-top:3px;text-shadow:0 0 10px rgba(0, 194, 178, 0.4)}
.nav nav{display:flex;gap:clamp(18px,2vw,32px);align-items:center}
.nav nav a{font:700 clamp(12px,1.1vw,15px) 'Space Grotesk',sans-serif!important;letter-spacing:.16em!important;color:#ffffff!important;text-shadow:0 0 10px rgba(255,255,255,0.3);transition:color .3s ease,text-shadow .3s ease}
.nav nav a:hover{color:#00c2b2!important;text-shadow:0 0 15px rgba(0, 194, 178, 0.8)!important}
.nav-login{border:1.5px solid #00c2b2!important;padding:10px 22px!important;border-radius:6px!important;color:#ffffff!important;background:rgba(0, 194, 178, 0.2)!important;font:800 clamp(12px,1.1vw,15px) 'Space Grotesk',sans-serif!important;letter-spacing:.16em!important;box-shadow:0 0 20px rgba(0, 194, 178, 0.45)!important;transition:all .3s ease!important}
.nav-login:hover{background:rgba(0, 194, 178, 0.4)!important;box-shadow:0 0 30px rgba(0, 194, 178, 0.75)!important}
.nav button{display:none;background:none;border:0}.mobile{display:none}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:100px 7vw;overflow:hidden}.heroBg{position:absolute;inset:0;background-image:linear-gradient(90deg,#020817ee,#02081780,#020817b8),url('/static/images/techfinix_bg.jpg');background-size:cover;background-position:center}.grid{position:absolute;inset:0;background-image:linear-gradient(#00a9d60d 1px,transparent 1px),linear-gradient(90deg,#00a9d60d 1px,transparent 1px);background-size:70px 70px}.heroContent{position:relative;z-index:2;max-width:1050px;margin-left:3vw}.kicker{font-size:10px;letter-spacing:.2em;color:#78a9ba;margin-top:15px}.hero h1{font:700 clamp(75px,14vw,200px)/1.0 'Space Grotesk';letter-spacing:-.06em;margin:25px 0}.hero h1 span{display:block;margin-left:0!important;margin-top:14px!important;background:linear-gradient(90deg,#d51b88,#754bff,#00a9d6);-webkit-background-clip:text;color:transparent}.rule{width:190px;height:1px;background:linear-gradient(90deg,#00a9d6,transparent)}.hero h3{font-size:15px;letter-spacing:.25em;margin:18px 0 10px}.hero p{color:#9aabba;line-height:1.7}.actions{display:flex;gap:30px;align-items:center;margin-top:30px}.primary{display:inline-flex;gap:25px;align-items:center;background:linear-gradient(100deg,#087fba,#4c3bd1);border:1px solid #ffffff38;padding:18px 22px;font-size:10px;letter-spacing:.12em;font-weight:700}.secondary{font-size:10px;letter-spacing:.15em;border-bottom:1px solid #718394;padding-bottom:9px}.orbit{position:absolute;border:1px solid #00a9d62b;border-radius:50%;right:-10vw;top:15%;width:650px;height:650px}.o2{width:420px;height:420px;top:28%;right:0;border-color:#d51b8830}.scroll{position:absolute;right:4vw;bottom:35px;font-size:8px;letter-spacing:.2em;color:#73899b;writing-mode:vertical-rl}.section{padding:150px 7vw;position:relative;overflow:hidden}.num{position:absolute;left:3vw;top:80px;color:#ffffff20;font-size:11px}.twocol,.head{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section h2{font:700 clamp(60px,8vw,120px)/.82 'Space Grotesk';letter-spacing:-.08em;margin:25px 0}.section h2 span{color:#00a9d6}.copy{padding-top:60px}.lead{font-size:clamp(25px,3vw,42px);line-height:1.12;color:#e4edf4}.copy>p:not(.lead),.head>p{color:#8da0b0;line-height:1.8;font-size:13px}.chips,.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.chips i,.tags i{font-style:normal;border:1px solid #ffffff18;padding:10px;font-size:8px;letter-spacing:.12em;color:#8da5b7}.dates{padding:65px 8vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;border-block:1px solid #ffffff12;background:#030d1b}.dates div small{display:block;font-size:9px;letter-spacing:.2em;color:#7892a5}.dates div b{font:700 90px 'Space Grotesk';display:block}.dates div em{font-style:normal;font-size:9px;letter-spacing:.2em;color:#7892a5}.dates div p{font-size:9px;letter-spacing:.18em;color:#00a9d6}.dates>strong{font:500 20px 'Space Grotesk';line-height:1.1}.dates>strong small{font:8px Inter;color:#7892a5;letter-spacing:.2em}.events{background:radial-gradient(circle at 80% 25%,#00a9d618,transparent 35%)}.head{align-items:end}.head>p{max-width:340px}.cards{max-width:1300px;margin:70px auto 0;display:grid;gap:28px}.card{min-height:500px;border:1px solid #ffffff18;display:grid;grid-template-columns:45% 55%;background:linear-gradient(140deg,#0a1e30c9,#020817);overflow:hidden}.visual{position:relative;min-height:500px;display:grid;place-items:center}.lab{background:radial-gradient(circle,#00c2b222,transparent 55%)}.ring{width:270px;height:270px;border:1px solid #00c2b255;border-radius:50%;animation:spin 20s linear infinite}.lab b{position:absolute;font-size:95px;color:#00c2b2;text-shadow:0 0 30px #00c2b2;animation:pulse 3s infinite}.dock{background:radial-gradient(circle,#7045ff30,transparent 55%)}.protein{width:240px;height:330px;border:2px solid #00c2b277;border-radius:46% 54% 62% 38% / 38% 48% 52% 62%;animation:morph 8s infinite alternate}.lig{position:absolute;width:20px;height:20px;border:2px solid #d51b88;border-radius:50%;box-shadow:0 0 25px #d51b88;animation:float 4s infinite}.l1{left:20%;top:25%}.l2{right:18%;top:45%;animation-delay:1s}.l3{left:30%;bottom:20%;animation-delay:2s}.puzzle{background:radial-gradient(circle,#d51b8826,transparent 55%)}.molgrid{font-size:48px;line-height:1.5;letter-spacing:18px;color:#d51b88;text-shadow:0 0 20px #d51b8866;transform:rotate(12deg)}.info{padding:70px 7vw 50px 50px;display:flex;flex-direction:column;justify-content:center}.info>small{font-size:8px;letter-spacing:.18em;color:#7894a7}.info h3{font:700 clamp(46px,5vw,80px)/.84 'Space Grotesk';letter-spacing:-.08em;margin:20px 0}.info h3 span{color:#00a9d6}.info p{color:#879aaa;line-height:1.7;font-size:13px}.rounds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.rounds i{font-style:normal;border-top:1px solid #ffffff15;padding-top:10px;font-size:8px;letter-spacing:.1em;color:#8ea3b2}.rounds b{display:block;color:#00a9d6;margin-bottom:6px}.flow{margin-top:30px;font-size:8px;letter-spacing:.15em;color:#7894a7}.flow b{color:#00c2b2}.technical,.details{background:transparent!important}.techGrid{max-width:1300px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.techGrid article{border:1px solid #ffffff18;padding:30px;min-height:540px;background:linear-gradient(145deg,#071c2cc9,#020817)}.techGrid article>strong{display:block;font-size:75px;color:#00a9d6;margin:70px 0 25px}.techGrid article h3{font:700 55px/.85 'Space Grotesk';letter-spacing:-.07em}.techGrid article p{color:#8da0b0;line-height:1.7;font-size:13px}.detailGrid{max-width:1300px;margin:70px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detailGrid>div{border:1px solid #ffffff18;padding:30px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.detailGrid small{font-size:8px;letter-spacing:.18em;color:#7892a5}.detailGrid b{font:700 40px 'Space Grotesk'}.detailGrid em{font-style:normal;font-size:8px;letter-spacing:.15em;color:#00a9d6}.register{min-height:75vh;display:grid;place-items:center;text-align:center;padding:120px 7vw;position:relative;overflow:hidden;background:radial-gradient(circle,#00a9d620,transparent 40%)}.glow{position:absolute;width:500px;height:500px;border:1px solid #00a9d628;border-radius:50%;animation:spin 35s linear infinite}.register h2{position:relative;font:700 clamp(80px,13vw,180px)/.75 'Space Grotesk';letter-spacing:-.09em;margin:30px 0}.register h2 span{color:#d51b88}.register p{position:relative;color:#8da0b0;margin-bottom:30px}.huge{position:relative}.contact{padding:90px 7vw;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.contact h4{font:600 17px 'Space Grotesk';margin:25px 0 5px}.contact p{margin:0;color:#7f93a4;font-size:11px}footer{text-align:center;padding:55px 7vw 30px;border-top:1px solid #ffffff12;color:#7892a5;font-size:8px;letter-spacing:.18em}footer>b{display:block;color:#fff;font:700 50px 'Space Grotesk';letter-spacing:-.07em;margin-bottom:20px}footer>b span{color:#d51b88}footer em{display:block;color:#00a9d6;font-style:normal;margin-top:30px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.8}}@keyframes float{50%{transform:translateY(-25px)}}@keyframes morph{to{border-radius:60% 40% 38% 62% / 55% 35% 65% 45%;transform:rotate(120deg)}}.particle{position:absolute;width:2px;height:2px;background:#8deaff;border-radius:50%;box-shadow:0 0 12px #00a9d6}@media(max-width:900px){.nav nav{display:none}.nav button{display:block}.mobile{position:fixed;z-index:99;right:20px;top:75px;background:#061224;border:1px solid #ffffff18;padding:25px;display:none;flex-direction:column;gap:20px}.mobile.open{display:flex}.hero h1{font-size:80px}.twocol,.head,.techGrid,.contact{grid-template-columns:1fr}.copy{padding-top:0}.card{grid-template-columns:1fr}.visual{min-height:350px}.info{padding:45px 7vw}.dates{grid-template-columns:1fr;gap:20px}.detailGrid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero h1{font-size:68px}.section{padding:100px 6vw}.section h2{font-size:62px}.hero{padding-left:6vw}.hero h1 span{margin-left:0!important;margin-top:10px!important}.actions{flex-direction:column;align-items:flex-start}.rounds,.detailGrid{grid-template-columns:1fr}.nav{height:70px}.contact{padding:70px 6vw}}

/* ============ TECHFINIX '26 — EXTENDED UI (auth, dashboards, gallery, results, DNA rope, marquee) ============ */
.brand-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,169,214,0.5))}
.brand>b{width:46px;height:46px;border:none!important;background:transparent!important;display:flex;align-items:center;justify-content:center;padding:2px}
.nav nav{align-items:center}
.nav-login{border:1px solid #00a9d660;padding:8px 16px;border-radius:2px;color:#00a9d6!important}
.nav-login:hover{background:#00a9d61a}

/* Flash messages */
.flash-stack{position:fixed;top:18px;right:18px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}
.flash{padding:14px 18px;font-size:12px;letter-spacing:.03em;border-left:3px solid #00a9d6;background:#061224ee;color:#e4edf4;backdrop-filter:blur(6px);animation:flashIn .4s ease;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.flash-close{background:none;border:none;color:#8da0b0;font-size:18px;cursor:pointer;line-height:1;padding:0 4px;transition:color .2s}
.flash-close:hover{color:#fff}
.flash-error{border-color:#d51b88}
.flash-success{border-color:#00c2b2}
@keyframes flashIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* Full HD Crisp Video Rendering Engine */
video,
.heroVideo,
.bounty-scroll-video,
.intro video {
  object-fit: cover !important;
  object-position: center center !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) scale(1.001) !important;
  will-change: transform !important;
}

.heroVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.55}
.heroBg{z-index:1}
.hero .grid,.hero #particles{z-index:2}
.heroContent{z-index:3}

/* Marquee */
.marquee{overflow:hidden;border-block:1px solid #ffffff12;background:#030d1b;padding:18px 0;white-space:nowrap}
.marquee-track{display:inline-flex;gap:40px;animation:marqueeScroll 32s linear infinite;padding-left:100%}
.marquee-track span{font:700 20px 'Space Grotesk';letter-spacing:.04em;color:#4b6274;display:inline-flex;gap:16px;align-items:center}
.marquee-track span i{font-style:normal;color:#00a9d6;font-size:14px}
@keyframes marqueeScroll{to{transform:translateX(-100%)}}

/* DNA rope & Square Hanging Cards */
.dna-row{margin-bottom:70px}
.dna-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 20px}
.dna-row-head h3{font:700 16px 'Space Grotesk',sans-serif;letter-spacing:.18em;color:#00a9d6;margin:0}
.dna-strand-tag{font:700 11px 'Space Grotesk',sans-serif;color:#d51b88;letter-spacing:.2em;background:rgba(213,27,136,0.12);padding:5px 12px;border-radius:4px;border:1px solid rgba(213,27,136,0.4)}

.dna-rope-wrap{position:relative;width:100%;margin:0 auto 20px;padding-top:20px}
.dna-rope-svg{width:100%;height:90px;display:block}
.dna-rope-items{display:flex;justify-content:space-around;gap:20px;margin-top:-15px;position:relative;z-index:2}
.dna-items-2{max-width:700px;margin-left:auto;margin-right:auto}
.dna-items-3{max-width:1100px;margin-left:auto;margin-right:auto}

.dna-item{display:flex;flex-direction:column;align-items:center;animation:dnaSwing 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * .35s);transform-origin:top center}
.dna-string{width:2px;height:45px;background:linear-gradient(180deg,#00a9d6,#d51b88,transparent);box-shadow:0 0 10px #00a9d6}

/* Square hanging card */
.dna-card-square{position:relative;width:160px;height:160px;border-radius:14px;border:1px solid #00a9d680;display:grid;place-items:center;overflow:hidden;background:#03101f;box-shadow:0 0 25px rgba(0,169,214,0.3),0 15px 35px -10px #000;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer}
.dna-card-square:hover{transform:translateY(6px) scale(1.08);border-color:#d51b88;box-shadow:0 0 35px rgba(213,27,136,0.6)}
.dna-card-square img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.dna-card-square .img-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,8,23,0.85))}
.dna-card-square .card-icon{position:absolute;top:10px;right:10px;font-size:18px;color:#00a9d6;z-index:2}

.dna-card-label{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#00a9d6;white-space:nowrap;text-align:center;width:190px;text-shadow:0 0 10px rgba(0,169,214,0.5)}
@keyframes dnaSwing{0%,100%{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}

/* Split Event Modal */
.event-modal-content{display:grid;grid-template-columns:40% 60%;gap:25px;max-width:900px;width:95%;background:#061426;border:1px solid #00a9d6;box-shadow:0 0 45px rgba(0,169,214,0.4);border-radius:14px;padding:30px;color:#fff;position:relative;max-height:90vh;overflow-y:auto}
/* ============ BIOTECHNOLOGY MICROSCOPE CURSOR & ZOOM EFFECT ============ */
body, a, button, input, select, textarea {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M10 26h12M16 26v-6M11 20h10M16 14v-8M12 6h8' stroke='%2300a9d6' stroke-width='2.5' stroke-linecap='round'/><circle cx='16' cy='10' r='3.5' fill='%23d51b88' stroke='%2300a9d6' stroke-width='1.5'/><path d='M14 3h4' stroke='%2300c2b2' stroke-width='2'/></svg>") 16 16, auto !important;
}

/* Event Card, Detail Cards, & Register Button Microscope Lens Zoom Cursor & Magnification Effect */
.dna-card-square, .techGrid article, .card, .visual, .primary, .huge, a.primary, .detailGrid > div {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'><circle cx='16' cy='16' r='13' fill='rgba(0,169,214,0.3)' stroke='%2300a9d6' stroke-width='2.5'/><circle cx='16' cy='16' r='7' fill='none' stroke='%23d51b88' stroke-width='2' stroke-dasharray='3,3'/><line x1='25' y1='25' x2='34' y2='34' stroke='%2300a9d6' stroke-width='3.5' stroke-linecap='round'/><text x='16' y='19' fill='%23ffffff' font-size='10' font-weight='bold' font-family='sans-serif' text-anchor='middle'>+</text></svg>") 16 16, zoom-in !important;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease !important;
}

.dna-card-square:hover, .techGrid article:hover, .card:hover, .detailGrid > div:hover {
  transform: translateY(-8px) scale(1.08) !important;
  box-shadow: 0 0 35px rgba(0, 169, 214, 0.6), 0 20px 40px rgba(0, 0, 0, 0.8) !important;
  border-color: #00a9d6 !important;
  background: rgba(6, 20, 38, 0.88) !important;
}

.detailGrid > div {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease !important;
}

.detailGrid > div:hover b {
  color: #00c2b2 !important;
  text-shadow: 0 0 15px rgba(0, 194, 178, 0.6);
  transition: color 0.3s ease;
}

.primary:hover, .huge:hover, a.primary:hover {
  transform: translateY(-6px) scale(1.12) !important;
  box-shadow: 0 0 40px rgba(0, 169, 214, 0.7), 0 15px 35px rgba(0, 0, 0, 0.8) !important;
  border-color: #d51b88 !important;
}

.dna-card-square:hover img, .card:hover .visual img {
  transform: scale(1.25) !important;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  filter: brightness(1.15) contrast(1.1) !important;
}

/* ============ CINEMATIC RAIN & THUNDER BACKGROUND ============ */
.cinematic-rain-wrapper {
  position: relative;
  background-image: linear-gradient(180deg, rgba(2,8,23,0.55) 0%, rgba(2,8,23,0.42) 30%, rgba(2,8,23,0.65) 70%, rgba(2,8,23,0.92) 100%), url('/static/images/biotech_section_bg.jpg');
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  overflow: clip;
}

#rainThunderCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.cinematic-rain-wrapper .section,
.cinematic-rain-wrapper .dates,
.cinematic-rain-wrapper .marquee {
  position: relative;
  z-index: 2;
}

/* ============ AUTH / LOGIN ============ */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:140px 6vw 80px;position:relative}
.auth-box{width:min(440px,100%);border:1px solid #ffffff18;background:linear-gradient(150deg,#0a1e30c9,#020817);padding:44px}
.auth-box h1{font:700 34px 'Space Grotesk';letter-spacing:-.03em;margin:14px 0 6px}
.auth-box .micro{color:#78a9ba}
.tab-btns{display:flex;border:1px solid #ffffff18;margin:26px 0}
.tab-btns button{flex:1;background:none;border:0;padding:13px;font-size:10px;letter-spacing:.15em;color:#8da0b0;cursor:pointer}
.tab-btns button.active{background:#00a9d61c;color:#00a9d6}
.auth-form{display:none;flex-direction:column;gap:16px}
.auth-form.active{display:flex}
.auth-form label{font-size:9px;letter-spacing:.15em;color:#7892a5;margin-bottom:6px;display:block}
.auth-form input,.auth-form textarea,.auth-form select{width:100%;background:#03101f;border:1px solid #ffffff22;color:#f5f8fb;padding:13px 14px;font:14px Inter;border-radius:2px}
.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus{outline:none;border-color:#00a9d6}
.auth-submit{margin-top:8px;background:linear-gradient(100deg,#087fba,#4c3bd1);border:1px solid #ffffff38;padding:15px;font-size:11px;letter-spacing:.14em;font-weight:700;color:#fff;cursor:pointer}
.auth-hint{font-size:10px;color:#7892a5;margin-top:18px;line-height:1.7}

/* ============ DASHBOARDS ============ */
.dash{padding:150px 6vw 90px;max-width:1400px;margin:auto}
.dash-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:40px}
.dash-head h1{font:700 clamp(38px,5vw,64px)/.9 'Space Grotesk';letter-spacing:-.04em}
.dash-head h1 span{color:#00a9d6}
.dash-sub{color:#8da0b0;font-size:13px;margin-top:8px}
.dash-actions{display:flex;gap:14px}
.btn{border:1px solid #ffffff38;padding:12px 20px;font-size:10px;letter-spacing:.14em;background:none;color:#f5f8fb;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.btn:hover{border-color:#00a9d6;color:#00a9d6}
.btn-primary{background:linear-gradient(100deg,#087fba,#4c3bd1);border-color:transparent;font-weight:700}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:20px}
.photo-card{border:1px solid #ffffff18;background:#04101e;overflow:hidden;position:relative}
.photo-card img{width:100%;height:220px;object-fit:cover;display:block}
.photo-card .photo-meta{padding:12px 14px;font-size:9px;letter-spacing:.1em;color:#7892a5;display:flex;justify-content:space-between;align-items:center}
.photo-card .photo-meta a{color:#00a9d6}
.empty-state{border:1px dashed #ffffff28;padding:60px 30px;text-align:center;color:#7892a5;font-size:13px;margin-top:20px}

.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}
@media(max-width:1000px){.coord-grid{grid-template-columns:1fr}}
.coord-panel{border:1px solid #ffffff18;background:linear-gradient(150deg,#0a1e30c9,#020817);padding:28px}
.coord-panel h3{font:700 20px 'Space Grotesk';margin:0 0 6px}
.coord-panel small{color:#7892a5;font-size:10px;letter-spacing:.1em}
.event-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff12}
.event-row:last-child{border-bottom:0}
.status-pill{font-size:8px;letter-spacing:.14em;padding:5px 10px;border-radius:20px;border:1px solid}
.status-upcoming{color:#8da0b0;border-color:#ffffff30}
.status-live{color:#00c2b2;border-color:#00c2b280;background:#00c2b21a}
.status-completed{color:#d51b88;border-color:#d51b8880;background:#d51b881a}
.status-select{background:#03101f;border:1px solid #ffffff22;color:#f5f8fb;padding:8px 10px;font-size:10px}

.upload-drop{border:1px dashed #ffffff30;padding:26px;text-align:center;margin-top:16px}
.upload-drop input[type=file]{margin-top:10px;font-size:11px;color:#8da0b0}
.camera-wrap{margin-top:20px;border:1px solid #ffffff18;padding:16px;display:none}
.camera-wrap.active{display:block}
.camera-wrap video,.camera-wrap canvas{width:100%;max-height:280px;background:#000;border-radius:2px}
.camera-actions{display:flex;gap:10px;margin-top:12px}

.results-form{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.results-form textarea{min-height:90px;resize:vertical}
.publish-row{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em;color:#8da0b0}

/* ============ GALLERY ============ */
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 10px}
.gallery-filters a{border:1px solid #ffffff22;padding:8px 16px;font-size:9px;letter-spacing:.12em;color:#8da0b0}
.gallery-filters a.active,.gallery-filters a:hover{border-color:#00a9d6;color:#00a9d6}

/* ============ RESULTS ============ */
.results-list{max-width:1000px;margin:30px auto 0;display:flex;flex-direction:column;gap:18px}
.result-card{border:1px solid #ffffff18;background:#04101e;padding:28px}
.result-card h3{font:700 24px 'Space Grotesk';margin:0 0 10px}
.result-card .winners{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.result-card .winners li{border-left:2px solid #00a9d6;padding-left:14px;font-size:13px;color:#dbe6ee}
.result-pending{border:1px dashed #ffffff28;padding:26px;color:#7892a5;font-size:12px}

/* ============ ISOLATED BIOTECHNOLOGY SCROLL TIMELINE (#biotech-timeline) ============ */
#biotech-timeline {
  position: relative;
  width: 100%;
  height: 500vh;
  box-sizing: border-box;
}

#biotech-timeline .timeline-scroll-area {
  position: relative;
  width: 100%;
  height: 100%;
}

#biotech-timeline .timeline-sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 4vw;
  box-sizing: border-box;
  z-index: 20;
}

#biotech-timeline .timeline-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: brightness(0.85) contrast(1.1);
}

#biotech-timeline .tl-atmosphere-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

#biotech-timeline .timeline-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(2, 8, 23, 0.3) 0%, rgba(2, 8, 23, 0.85) 100%),
              linear-gradient(180deg, rgba(2, 8, 23, 0.65) 0%, transparent 40%, rgba(2, 8, 23, 0.85) 100%);
  z-index: 1;
}

#biotech-timeline .tl-scanline {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(0, 169, 214, 0.03) 51%);
  background-size: 100% 4px;
  pointer-events: none;
  z-index: 2;
}

#biotech-timeline .timeline-header {
  position: relative;
  z-index: 5;
  margin-top: 15px;
}

#biotech-timeline .mission-tag-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 169, 214, 0.12);
  border: 1px solid rgba(0, 169, 214, 0.4);
  padding: 4px 12px;
  border-radius: 16px;
  margin-bottom: 6px;
}

#biotech-timeline .mission-dot-pulse {
  width: 6px;
  height: 6px;
  background: #00c2b2;
  border-radius: 50%;
  box-shadow: 0 0 10px #00c2b2;
  animation: bioDotPulse 1.8s infinite;
}

@keyframes bioDotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.6); opacity: 0.5; }
}

#biotech-timeline .timeline-kicker {
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.22em;
  color: #00c2b2;
  display: block;
}

#biotech-timeline .timeline-title {
  font: 700 clamp(30px, 4vw, 54px) 'MedievalSharp', serif !important;
  line-height: 0.95;
  color: #ffffff;
  margin: 6px 0 0;
  text-shadow: 0 0 25px rgba(0, 169, 214, 0.5);
}
#biotech-timeline .timeline-title span {
  color: #00a9d6;
}

#biotech-timeline .mission-case-tag {
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.22em;
  color: #647b91;
  margin-top: 6px;
}

/* Top-Right Floating Event Card */
#biotech-timeline .timeline-event-card {
  position: absolute;
  top: 8%;
  right: 5%;
  width: min(390px, 30vw);
  background: rgba(4, 15, 30, 0.88);
  border: 1.5px solid rgba(0, 169, 214, 0.55);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-radius: 16px;
  padding: 24px 26px;
  z-index: 10;
  box-shadow: 0 0 40px rgba(0, 169, 214, 0.35), 0 20px 45px rgba(0, 0, 0, 0.85);
  transition: border-color 0.3s ease;
  overflow: hidden;
}

#biotech-timeline .card-laser-scanner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00c2b2, #d51b88, transparent);
  box-shadow: 0 0 12px #00c2b2;
  animation: cardScanBeam 3.5s linear infinite;
  opacity: 0.75;
}

@keyframes cardScanBeam {
  0% { top: 0; }
  50% { top: 100%; }
  100% { top: 0; }
}

#biotech-timeline .tl-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#biotech-timeline .tl-stop-badge {
  font: 800 10px 'Space Grotesk', sans-serif;
  letter-spacing: 0.18em;
  color: #d51b88;
  background: rgba(213, 27, 136, 0.18);
  border: 1px solid rgba(213, 27, 136, 0.45);
  padding: 4px 10px;
  border-radius: 20px;
}

#biotech-timeline .tl-status-tag {
  font: 800 10px 'Space Grotesk', sans-serif;
  letter-spacing: 0.16em;
  color: #00c2b2;
}

#biotech-timeline .tl-card-divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(0, 169, 214, 0.6), rgba(213, 27, 136, 0.6), transparent);
  margin: 12px 0 14px;
}

#biotech-timeline .tl-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

#biotech-timeline .tl-day-tag {
  display: inline-block;
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.15em;
  color: #00c2b2;
  background: rgba(0, 169, 214, 0.15);
  border: 1px solid rgba(0, 169, 214, 0.4);
  padding: 4px 10px;
  border-radius: 4px;
}

#biotech-timeline .tl-time-tag {
  display: inline-block;
  font: 600 10px 'Space Grotesk', sans-serif;
  color: #8da0b0;
}

#biotech-timeline .tl-motif-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(2, 8, 23, 0.65);
  border: 1px solid rgba(0, 169, 214, 0.3);
  border-radius: 8px;
  padding: 8px 14px;
  margin-bottom: 14px;
}

#biotech-timeline .tl-motif-icon {
  font-size: 18px;
}

#biotech-timeline .tl-motif-label {
  font: 800 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.2em;
  color: #00a9d6;
}

#biotech-timeline .tl-event-title {
  font: 700 22px 'MedievalSharp', serif !important;
  color: #ffffff;
  margin: 0 0 8px;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
}

#biotech-timeline .tl-event-desc {
  font-size: 13px;
  line-height: 1.6;
  color: #a0b8cb;
  margin: 0 0 16px;
}

#biotech-timeline .tl-card-footer {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

#biotech-timeline .tl-progress-bar {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
  overflow: hidden;
}

#biotech-timeline .tl-progress-fill {
  height: 100%;
  width: 8.33%;
  background: linear-gradient(90deg, #00a9d6, #d51b88);
  transition: width 0.25s ease-out;
}

#biotech-timeline .tl-footer-readout {
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.16em;
  color: #647b91;
  margin-top: 4px;
  display: block;
}

/* Right-Side HUD Monitor Panel */
#biotech-timeline .tl-hud-monitor {
  position: absolute;
  bottom: 8%;
  right: 5%;
  width: min(280px, 25vw);
  background: rgba(4, 15, 30, 0.82);
  border: 1px solid rgba(0, 169, 214, 0.4);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 12px;
  padding: 14px 18px;
  z-index: 10;
  box-shadow: 0 0 25px rgba(0, 169, 214, 0.2);
}

#biotech-timeline .hud-monitor-title {
  font: 800 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.22em;
  color: #00c2b2;
  display: block;
  margin-bottom: 8px;
}

#biotech-timeline .hud-monitor-bar {
  width: 100%;
  height: 5px;
  background: rgba(2, 8, 23, 0.8);
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 8px;
}

#biotech-timeline .hud-monitor-fill {
  height: 100%;
  width: 8.33%;
  background: linear-gradient(90deg, #00c2b2, #ff52be);
  box-shadow: 0 0 10px #00c2b2;
  transition: width 0.3s ease;
}

#biotech-timeline .hud-monitor-stats {
  display: flex;
  justify-content: space-between;
  font: 700 10px 'Space Grotesk', sans-serif;
  letter-spacing: 0.14em;
  color: #ffffff;
}

/* Central SVG Map Container */
#biotech-timeline .timeline-map-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -46%);
  width: 92%;
  height: 520px;
  z-index: 12;
  pointer-events: none;
}

#biotech-timeline .tl-svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: auto;
}

/* SVG Nodes & Labels */
#biotech-timeline .tl-node-circle {
  fill: #03101f;
  stroke: #00c2b2;
  stroke-width: 3.5;
  r: 8.5;
  transition: all 0.3s ease;
  cursor: pointer;
  filter: drop-shadow(0 0 10px #00c2b2);
}

#biotech-timeline .tl-node-circle:hover {
  r: 11;
  fill: #00ffff;
  stroke: #ff00a0;
  filter: drop-shadow(0 0 16px #ff00a0);
}

#biotech-timeline .tl-node-group.active .tl-node-circle {
  r: 13.5;
  fill: #ffffff;
  stroke: #ff00a0;
  stroke-width: 4;
  filter: drop-shadow(0 0 22px #ff00a0);
}

#biotech-timeline .tl-node-pulse {
  fill: none;
  stroke: #ff00a0;
  stroke-width: 2.5;
  opacity: 0;
  transform-origin: center;
}

#biotech-timeline .tl-node-group.active .tl-node-pulse {
  animation: tlNodePulse 2s infinite ease-out;
}

@keyframes tlNodePulse {
  0% { r: 13.5; opacity: 0.95; stroke-width: 3.5; }
  100% { r: 34; opacity: 0; stroke-width: 0.5; }
}

#biotech-timeline .tl-node-label {
  font: 800 12px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.08em;
  fill: #ffffff;
  stroke: #020817;
  stroke-width: 3px;
  paint-order: stroke fill;
  text-anchor: middle;
  transition: all 0.3s ease;
  pointer-events: none;
}

#biotech-timeline .tl-node-group.active .tl-node-label {
  fill: #00ffff;
  font-size: 14.5px;
  filter: drop-shadow(0 0 12px #00ffff);
}

/* Node 12 Valedictory Mission Complete Banner Overlay */
#biotech-timeline .tl-mission-complete-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
  pointer-events: none;
  animation: bannerFadeIn 0.5s ease-out forwards;
}

@keyframes bannerFadeIn {
  from { opacity: 0; transform: translate(-50%, -40%) scale(0.9); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

#biotech-timeline .banner-glass {
  background: rgba(4, 15, 30, 0.92);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 2px solid #00c2b2;
  border-radius: 20px;
  padding: 36px 50px;
  text-align: center;
  box-shadow: 0 0 60px rgba(0, 194, 178, 0.5), 0 0 100px rgba(213, 27, 136, 0.3);
}

#biotech-timeline .banner-pulse {
  display: block;
  width: 14px;
  height: 14px;
  background: #00c2b2;
  border-radius: 50%;
  margin: 0 auto 10px;
  box-shadow: 0 0 20px #00c2b2;
  animation: bioDotPulse 1.2s infinite;
}

#biotech-timeline .banner-glass small {
  font: 800 12px 'Space Grotesk', sans-serif;
  letter-spacing: 0.25em;
  color: #00c2b2;
  display: block;
}

#biotech-timeline .banner-glass h2 {
  font: 700 clamp(36px, 5vw, 64px)/0.95 'MedievalSharp', serif;
  color: #ffffff;
  margin: 8px 0;
  text-shadow: 0 0 30px rgba(0, 194, 178, 0.8);
}

#biotech-timeline .banner-glass p {
  font: 700 13px 'Space Grotesk', sans-serif;
  letter-spacing: 0.18em;
  color: #ff52be;
  margin: 0 0 16px;
}

#biotech-timeline .banner-badge {
  display: inline-block;
  font: 800 10px 'Space Grotesk', sans-serif;
  letter-spacing: 0.2em;
  color: #ffffff;
  background: rgba(0, 194, 178, 0.22);
  border: 1px solid rgba(0, 194, 178, 0.6);
  padding: 6px 18px;
  border-radius: 20px;
}

/* Bottom Hint */
#biotech-timeline .tl-scroll-hint {
  position: relative;
  z-index: 5;
  text-align: center;
  margin-bottom: 15px;
  font: 700 9px 'Space Grotesk', sans-serif;
  letter-spacing: 0.22em;
  color: #00a9d6;
  opacity: 0.85;
  animation: tlBounce 2s infinite;
}

@keyframes tlBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}

@media (max-width: 900px) {
  #biotech-timeline .timeline-event-card {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 15px;
  }
  #biotech-timeline .timeline-map-wrap {
    height: 40vh;
    transform: translate(-50%, -30%);
  }
}

/* ============ CINEMATIC SCROLL-CONTROLLED BIO BOUNTY SECTION (#bio-bounty-section) ============ */
#bio-bounty-section.bio-bounty-scroll-container {
  position: relative;
  width: 100%;
  height: 300vh; /* Large scrollable track for cinematic video scrubbing */
  box-sizing: border-box;
  background: #020817;
  color: #fff;
  overflow: visible;
}

#bio-bounty-section .bio-bounty-sticky-viewport {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #020817;
  z-index: 10;
  transform: translateZ(0);
  will-change: transform;
}

#bio-bounty-section .bounty-scroll-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #020817;
  pointer-events: none;
  z-index: 1;
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}

#bio-bounty-section .bounty-vignette-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(2, 8, 23, 0.05) 0%, rgba(2, 8, 23, 0.65) 100%),
              linear-gradient(180deg, rgba(2, 8, 23, 0.7) 0%, transparent 15%, transparent 85%, rgba(2, 8, 23, 0.85) 100%);
  z-index: 2;
}

/* Minimal HUD Badge Overlay */
#bio-bounty-section .bounty-prize-hud {
  position: absolute;
  bottom: 95px; /* Moved upward to hide Gemini watermark logo */
  right: 45px;
  z-index: 5;
  pointer-events: none;
  text-align: right;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(4, 15, 30, 0.85);
  border: 1px solid rgba(0, 169, 214, 0.5);
  padding: 18px 32px;
  border-radius: 14px;
  box-shadow: 0 0 35px rgba(0, 169, 214, 0.35), 0 10px 30px rgba(0, 0, 0, 0.7);
}

#bio-bounty-section .bounty-prize-hud small {
  display: block;
  font: 700 10px 'Space Grotesk', sans-serif;
  letter-spacing: 0.2em;
  color: #00c2b2;
  margin-bottom: 4px;
}

#bio-bounty-section .bounty-prize-hud h3 {
  margin: 0;
  font: 800 28px 'Space Grotesk', sans-serif;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-shadow: 0 0 15px rgba(0, 194, 178, 0.8);
}

/* Biotech Loading Overlay */
#bio-bounty-section .bounty-loader {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: #020817;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  color: #00a9d6;
  font: 700 11px 'Space Grotesk', sans-serif;
  letter-spacing: 0.15em;
  transition: opacity 0.5s ease;
}

#bio-bounty-section .bounty-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(0, 169, 214, 0.2);
  border-top-color: #00c2b2;
  border-radius: 50%;
  animation: bountySpin 0.8s linear infinite;
}

@keyframes bountySpin {
  to { transform: rotate(360deg); }
}

/* Floating Mild Rain & Thunder Audio Toggle Button */
.bio-audio-btn {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
  background: rgba(6, 20, 38, 0.85);
  border: 1.5px solid rgba(0, 169, 214, 0.6);
  color: #00a9d6;
  font: 700 11px 'Space Grotesk', sans-serif;
  letter-spacing: 0.14em;
  padding: 10px 18px;
  border-radius: 30px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 0 20px rgba(0, 169, 214, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
}

.bio-audio-btn:hover {
  background: rgba(0, 169, 214, 0.2);
  border-color: #00c2b2;
  color: #ffffff;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 0 30px rgba(0, 194, 178, 0.6);
}

.bio-audio-btn.active {
  border-color: #d51b88;
  color: #ffffff;
  background: rgba(213, 27, 136, 0.22);
  box-shadow: 0 0 25px rgba(213, 27, 136, 0.5);
}

/* ============ FUTURISTIC BIO-RESEARCH COUNTDOWN COMPONENT ============ */
.hero {
  justify-content: space-between !important;
}

.heroContent {
  max-width: min(680px, 52vw) !important;
}

.techfinix-countdown {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: 0;
  flex-shrink: 0;
}

.techfinix-countdown .countdown-panel {
  position: relative;
  width: min(390px, 90vw);
  background: rgba(4, 15, 30, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 169, 214, 0.45);
  border-radius: 16px;
  padding: 28px 24px;
  box-shadow: 0 0 40px rgba(0, 169, 214, 0.22), inset 0 0 20px rgba(0, 169, 214, 0.1);
  text-align: center;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.techfinix-countdown .countdown-panel:hover {
  border-color: rgba(213, 27, 136, 0.6);
  box-shadow: 0 0 50px rgba(0, 194, 178, 0.35), inset 0 0 25px rgba(213, 27, 136, 0.15);
  transform: translateY(-4px);
}

/* Sci-Fi HUD Corners */
.techfinix-countdown .hud-corner {
  position: absolute;
  width: 12px;
  height: 12px;
  border-color: #00c2b2;
  border-style: solid;
  pointer-events: none;
}
.techfinix-countdown .top-left { top: 8px; left: 8px; border-width: 2px 0 0 2px; }
.techfinix-countdown .top-right { top: 8px; right: 8px; border-width: 2px 2px 0 0; }
.techfinix-countdown .bottom-left { bottom: 8px; left: 8px; border-width: 0 0 2px 2px; }
.techfinix-countdown .bottom-right { bottom: 8px; right: 8px; border-width: 0 2px 2px 0; }

.techfinix-countdown .hud-ring-spinner {
  position: absolute;
  width: 320px;
  height: 320px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px dashed rgba(0, 169, 214, 0.12);
  border-radius: 50%;
  pointer-events: none;
  animation: hudRingRotate 40s linear infinite;
}

@keyframes hudRingRotate {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.techfinix-countdown .countdown-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
}

.techfinix-countdown .bio-pulse-dot {
  width: 7px;
  height: 7px;
  background: #00c2b2;
  border-radius: 50%;
  box-shadow: 0 0 10px #00c2b2;
  animation: bioDotPulse 1.8s infinite;
}

@keyframes bioDotPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.4; }
}

.techfinix-countdown .countdown-kicker {
  font: 700 9px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.22em !important;
  color: #00c2b2 !important;
  text-transform: uppercase;
}

.techfinix-countdown .countdown-title {
  margin: 0 0 20px 0;
  font: 700 16px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #ffffff;
  text-shadow: 0 0 15px rgba(0, 169, 214, 0.6);
}

/* Time Blocks Grid */
.techfinix-countdown .countdown-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 18px;
}

.techfinix-countdown .time-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(2, 8, 23, 0.75);
  border: 1px solid rgba(0, 169, 214, 0.28);
  border-radius: 10px;
  padding: 10px 8px;
  min-width: 66px;
  box-shadow: inset 0 0 12px rgba(0, 169, 214, 0.15);
}

.techfinix-countdown .time-block.highlight {
  border-color: rgba(213, 27, 136, 0.55);
  background: rgba(213, 27, 136, 0.08);
  box-shadow: inset 0 0 15px rgba(213, 27, 136, 0.2);
}

.techfinix-countdown .time-num {
  font: 700 28px 'Space Grotesk', sans-serif !important;
  line-height: 1.0;
  color: #ffffff;
  letter-spacing: -0.02em !important;
  text-shadow: 0 0 12px rgba(0, 194, 178, 0.7);
}

.techfinix-countdown .time-block.highlight .time-num {
  color: #ff52be;
  text-shadow: 0 0 12px rgba(213, 27, 136, 0.8);
}

.techfinix-countdown .time-lbl {
  font: 700 8px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.16em !important;
  color: #78a9ba;
  margin-top: 6px;
}

.techfinix-countdown .time-colon {
  font: 700 20px 'Space Grotesk', sans-serif !important;
  color: #00c2b2;
  margin-top: -12px;
  opacity: 0.7;
}

.techfinix-countdown .countdown-status {
  font: 600 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.12em !important;
  color: #a4c4d4;
  margin-bottom: 14px;
}

.techfinix-countdown .countdown-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.14em !important;
  color: #00a9d6;
}

.techfinix-countdown .dna-mini-icon {
  font-style: normal;
  font-size: 12px;
}

/* Responsive Behavior */
@media (max-width: 1080px) {
  .hero {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 40px !important;
    padding-bottom: 120px !important;
  }
  .heroContent {
    max-width: 100% !important;
  }
  .techfinix-countdown {
    margin-left: 0 !important;
    width: min(420px, 90vw);
  }
}

/* ============ REGISTER SECTION ENHANCEMENTS (Bigger Font & Dark White High Contrast) ============ */
.register p:not(.register-note) {
  font-size: clamp(18px, 2.2vw, 24px) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 36px !important;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.3) !important;
}

.register a.primary.huge {
  font-size: clamp(14px, 1.5vw, 18px) !important;
  font-weight: 800 !important;
  padding: 22px 45px !important;
  letter-spacing: 0.15em !important;
  color: #ffffff !important;
  background: linear-gradient(100deg, #0994d8, #5947e8) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.65) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 40px rgba(0, 169, 214, 0.65), 0 12px 35px rgba(0, 0, 0, 0.8) !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.8) !important;
  transition: all 0.35s ease !important;
}

.register a.primary.huge:hover {
  transform: translateY(-6px) scale(1.08) !important;
  border-color: #ffffff !important;
  box-shadow: 0 0 55px rgba(213, 27, 136, 0.85), 0 15px 40px rgba(0, 0, 0, 0.9) !important;
}

.register .register-note {
  font-size: clamp(14px, 1.4vw, 17px) !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  margin-top: 32px !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.25) !important;
}

.register .register-note a {
  color: #00c2b2 !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #00c2b2 !important;
  padding-bottom: 2px !important;
  text-shadow: 0 0 12px rgba(0, 194, 178, 0.8) !important;
  transition: all 0.25s ease !important;
}

.register .register-note a:hover {
  color: #ffffff !important;
  border-color: #ffffff !important;
  text-shadow: 0 0 18px #ffffff !important;
}

/* ============ DNA STRAND & HANGING CARDS ADVANCED UI ============ */
.dna-row-head h3 {
  font: 800 20px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(0, 169, 214, 0.7) !important;
  margin: 0;
}

.dna-strand-tag {
  font: 800 14px 'Space Grotesk', sans-serif !important;
  color: #ffffff !important;
  letter-spacing: 0.22em !important;
  background: rgba(213, 27, 136, 0.24) !important;
  padding: 8px 20px !important;
  border-radius: 6px !important;
  border: 1.5px solid rgba(213, 27, 136, 0.65) !important;
  box-shadow: 0 0 25px rgba(213, 27, 136, 0.35) !important;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.8) !important;
}

.dna-card-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.hanging-label-string {
  width: 2px;
  height: 16px;
  background: linear-gradient(180deg, #00a9d6, #d51b88);
  box-shadow: 0 0 10px #00a9d6;
}

.dna-card-label {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  background: rgba(4, 15, 30, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1.5px solid rgba(0, 169, 214, 0.6) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  color: #ffffff !important;
  font: 800 12px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 0 20px rgba(0, 169, 214, 0.35), 0 8px 20px rgba(0, 0, 0, 0.8) !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.85) !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.dna-card-wrap:hover .dna-card-label {
  border-color: #d51b88 !important;
  color: #ffffff !important;
  box-shadow: 0 0 28px rgba(213, 27, 136, 0.75), 0 10px 25px rgba(0, 0, 0, 0.9) !important;
  transform: translateY(3px) scale(1.06) !important;
  text-shadow: 0 0 15px #ffffff !important;
}

/* ============ REDESIGNED TWO-DAY BIO-RESEARCH MISSION DATES SECTION ============ */
.dates.bio-dates-mission {
  position: relative !important;
  padding: 90px 7vw !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  align-items: center !important;
  text-align: center !important;
  border-block: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, rgba(3, 13, 27, 0.95) 0%, rgba(2, 8, 23, 0.98) 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  gap: 2vw !important;
}

/* Connecting Glowing Cyan Line & Nodes */
.dates-connector-line {
  position: absolute;
  top: 52%;
  left: 18%;
  right: 18%;
  height: 2px;
  background: linear-gradient(90deg, rgba(0, 169, 214, 0.25), #00c2b2 50%, rgba(0, 169, 214, 0.25));
  box-shadow: 0 0 12px rgba(0, 194, 178, 0.6);
  z-index: 1;
  pointer-events: none;
}

.dates-connector-line .node {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00c2b2;
  box-shadow: 0 0 15px #00c2b2, 0 0 30px #00a9d6;
  border: 2px solid #ffffff;
}

.dates-connector-line .node-left { left: 0%; }
.dates-connector-line .node-center { left: 50%; background: #d51b88; box-shadow: 0 0 15px #d51b88; }
.dates-connector-line .node-right { left: 100%; }

/* Column Layouts */
.date-mission-col {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Day Kicker */
.date-mission-col .day-kicker {
  font: 800 12px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.24em !important;
  color: #00c2b2 !important;
  text-transform: uppercase;
  margin-bottom: 6px;
  text-shadow: 0 0 12px rgba(0, 194, 178, 0.6);
}

/* Huge Date Numbers (10 and 11) */
.date-mission-col .date-huge-num {
  font: 700 clamp(100px, 11vw, 155px)/0.88 'MedievalSharp', 'Cinzel Decorative', 'Space Grotesk', serif, sans-serif !important;
  letter-spacing: -0.04em !important;
  color: #F4F4F0 !important; /* Bright Ivory White */
  text-shadow: 0 0 25px rgba(0, 194, 178, 0.45), 0 0 60px rgba(0, 169, 214, 0.25) !important;
  margin: 10px 0 12px 0;
  display: block;
}

/* Month Year Subtitle */
.date-mission-col .date-month-year {
  font: 800 clamp(13px, 1.3vw, 16px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.26em !important;
  color: #ffffff !important; /* Dark White */
  text-transform: uppercase;
  margin-bottom: 14px;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

/* Event Type Badge */
.date-mission-col .event-type-badge {
  font: 800 12px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #ffffff !important;
  background: rgba(0, 169, 214, 0.2) !important;
  border: 1.5px solid rgba(0, 169, 214, 0.6) !important;
  padding: 7px 18px !important;
  border-radius: 6px !important;
  box-shadow: 0 0 20px rgba(0, 169, 214, 0.3) !important;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
}

.date-mission-col .event-type-badge.alt {
  background: rgba(213, 27, 136, 0.2) !important;
  border-color: rgba(213, 27, 136, 0.6) !important;
  box-shadow: 0 0 20px rgba(213, 27, 136, 0.3) !important;
}

/* Center Column Styling */
.date-col-center {
  padding: 32px 24px;
  background: rgba(4, 15, 30, 0.75);
  border: 1.5px solid rgba(0, 169, 214, 0.45);
  border-radius: 16px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 0 40px rgba(0, 169, 214, 0.25), inset 0 0 20px rgba(0, 169, 214, 0.1);
  transition: all 0.35s ease;
}

.date-col-center:hover {
  border-color: rgba(213, 27, 136, 0.65);
  box-shadow: 0 0 50px rgba(213, 27, 136, 0.35), inset 0 0 25px rgba(213, 27, 136, 0.15);
  transform: translateY(-3px);
}

.date-col-center .center-kicker {
  font: 800 12px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.25em !important;
  color: #00c2b2 !important;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.date-col-center .center-date-range {
  font: 700 clamp(42px, 4.5vw, 68px)/1.0 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.05em !important;
  color: #F4F4F0 !important;
  margin: 6px 0 10px 0;
  text-shadow: 0 0 20px rgba(213, 27, 136, 0.6);
  display: block;
}

.date-col-center .center-month-year {
  font: 800 13px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.25em !important;
  color: #ffffff !important;
  margin-bottom: 12px;
  display: block;
}

.date-col-center .center-subhead {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.22em !important;
  color: #00a9d6 !important;
  font-style: normal;
  text-transform: uppercase;
  display: block;
}

/* Mobile & Tablet Responsive */
@media (max-width: 900px) {
  .dates.bio-dates-mission {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    padding: 70px 6vw !important;
  }
  .dates-connector-line {
    display: none !important;
  }
  .date-mission-col .date-huge-num {
    font-size: 110px !important;
  }
}

/* ==========================================================================
   TECHFINIX '26 — RESULTS COMMAND CENTER STYLES
   ========================================================================== */
body.results-command-body {
  background: #020817 !important;
  color: #ffffff !important;
  font-family: 'Inter', 'Space Grotesk', sans-serif !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.results-page-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  padding-top: 85px;
  box-sizing: border-box;
}

/* 1. CINEMATIC RESULTS HERO */
.results-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 5vw 60px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 169, 214, 0.2);
  background: radial-gradient(circle at 50% 30%, rgba(0, 169, 214, 0.15), rgba(2, 8, 23, 0.98) 70%);
}

.results-hero .hero-biotech-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.results-hero .hero-grid-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 169, 214, 0.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0, 169, 214, 0.06) 1px, transparent 1px);
  background-size: 50px 50px;
}

.results-hero .hero-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle, transparent 40%, rgba(2, 8, 23, 0.95) 100%);
}

.results-hero-content {
  position: relative;
  z-index: 2;
  max-width: 850px;
}

.results-hero .hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 169, 214, 0.12);
  border: 1px solid rgba(0, 169, 214, 0.4);
  padding: 6px 16px;
  border-radius: 20px;
  margin-bottom: 20px;
}

.results-hero .pulse-dot {
  width: 6px;
  height: 6px;
  background: #00c2b2;
  border-radius: 50%;
  box-shadow: 0 0 10px #00c2b2;
  animation: bioDotPulse 1.8s infinite;
}

.results-hero .hero-eyebrow small {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.22em !important;
  color: #00c2b2 !important;
}

.results-hero .hero-title {
  font: 700 clamp(48px, 8vw, 95px)/0.95 'MedievalSharp', 'Space Grotesk', sans-serif !important;
  letter-spacing: -0.04em !important;
  color: #ffffff;
  margin: 0 0 20px 0;
  text-shadow: 0 0 30px rgba(0, 169, 214, 0.4);
}

.results-hero .highlight-cyan {
  background: linear-gradient(90deg, #00c2b2, #00a9d6, #754bff);
  -webkit-background-clip: text;
  color: transparent;
  text-shadow: 0 0 25px rgba(0, 194, 178, 0.5);
}

.results-hero .hero-subtitle {
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.6;
  color: #94a9ba;
  max-width: 620px;
  margin: 0 auto 28px;
}

.results-hero .hero-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 800 11px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #00c2b2 !important;
  background: rgba(4, 15, 30, 0.8);
  border: 1.5px solid rgba(0, 194, 178, 0.6);
  padding: 8px 20px;
  border-radius: 30px;
  box-shadow: 0 0 25px rgba(0, 194, 178, 0.3);
}

/* 2. LIVE RESULTS STATUS PANEL */
.results-status-section {
  max-width: 1200px;
  margin: -30px auto 40px;
  padding: 0 5vw;
  position: relative;
  z-index: 5;
}

.status-panel-card {
  position: relative;
  background: rgba(4, 15, 30, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 169, 214, 0.4);
  border-radius: 16px;
  padding: 24px 30px;
  box-shadow: 0 0 35px rgba(0, 169, 214, 0.2), inset 0 0 20px rgba(0, 169, 214, 0.08);
}

.status-panel-card .hud-corner {
  position: absolute;
  width: 10px;
  height: 10px;
  border-color: #00c2b2;
  border-style: solid;
}
.status-panel-card .top-left { top: 6px; left: 6px; border-width: 2px 0 0 2px; }
.status-panel-card .top-right { top: 6px; right: 6px; border-width: 2px 2px 0 0; }
.status-panel-card .bottom-left { bottom: 6px; left: 6px; border-width: 0 0 2px 2px; }
.status-panel-card .bottom-right { bottom: 6px; right: 6px; border-width: 0 2px 2px 0; }

.status-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.status-indicator-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.status-ring-pulse {
  width: 10px;
  height: 10px;
  background: #00c2b2;
  border-radius: 50%;
  box-shadow: 0 0 12px #00c2b2;
  animation: bioDotPulse 1.5s infinite;
}

.status-title-text {
  font: 700 13px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #00a9d6 !important;
}

.status-time-code {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #647b91 !important;
}

.status-divider {
  height: 1px;
  background: linear-gradient(90deg, rgba(0,169,214,0.4), transparent);
  margin: 16px 0;
}

.status-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.status-badge {
  font: 800 11px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.16em !important;
  padding: 6px 14px;
  border-radius: 6px;
  white-space: nowrap;
}

.status-badge.live {
  background: rgba(0, 194, 178, 0.18);
  border: 1px solid rgba(0, 194, 178, 0.6);
  color: #00c2b2;
}

.status-badge.pending {
  background: rgba(213, 27, 136, 0.18);
  border: 1px solid rgba(213, 27, 136, 0.6);
  color: #ff52be;
}

.status-info h3 {
  font: 700 16px 'Space Grotesk', sans-serif !important;
  margin: 0 0 4px 0;
  color: #ffffff;
}

.status-info p {
  font-size: 13px;
  color: #8da0b0;
  margin: 0;
}

.status-progress-track {
  width: 200px;
  height: 6px;
  background: rgba(2, 8, 23, 0.8);
  border: 1px solid rgba(0, 169, 214, 0.3);
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.status-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #00a9d6, #00c2b2);
  box-shadow: 0 0 10px #00c2b2;
  transition: width 0.6s ease;
}

.status-progress-bar.scanning {
  width: 40%;
  animation: scanProgress 2s linear infinite alternate;
}

@keyframes scanProgress {
  0% { transform: translateX(0); }
  100% { transform: translateX(150%); }
}

/* 3. EVENT CATEGORY NAVIGATION CHIPS */
.results-nav-section {
  max-width: 1200px;
  margin: 0 auto 50px;
  padding: 0 5vw;
}

.category-nav-chips {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 169, 214, 0.4) transparent;
}

.category-nav-chips::-webkit-scrollbar {
  height: 4px;
}
.category-nav-chips::-webkit-scrollbar-thumb {
  background: rgba(0, 169, 214, 0.4);
  border-radius: 4px;
}

.chip-btn {
  background: rgba(4, 15, 30, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #8da0b0;
  font: 700 11px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.14em !important;
  padding: 12px 20px;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.chip-btn:hover {
  border-color: rgba(0, 169, 214, 0.6);
  color: #ffffff;
  background: rgba(0, 169, 214, 0.12);
}

.chip-btn.active {
  background: rgba(0, 169, 214, 0.22) !important;
  border-color: #00c2b2 !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(0, 194, 178, 0.35);
  text-shadow: 0 0 10px rgba(0, 194, 178, 0.8);
}

/* 4. RESULTS SECTION & DOSSIER CARDS */
.results-main-section {
  max-width: 1200px;
  margin: 0 auto 80px;
  padding: 0 5vw;
}

.results-section-header {
  margin-bottom: 40px;
  text-align: left;
}

.results-section-header .header-kicker {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.22em !important;
  color: #00c2b2 !important;
  display: block;
  margin-bottom: 6px;
}

.results-section-header h2 {
  font: 700 clamp(32px, 4vw, 54px)/1.0 'Space Grotesk', sans-serif !important;
  color: #ffffff;
  margin: 0 0 10px 0;
  letter-spacing: -0.02em;
}

.results-section-header p {
  color: #8da0b0;
  font-size: 14px;
  margin: 0;
}

.results-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
}

/* Dossier Card Container */
.result-dossier-card {
  position: relative;
  background: linear-gradient(145deg, rgba(7, 21, 43, 0.9), rgba(2, 8, 23, 0.95));
  border: 1px solid rgba(0, 169, 214, 0.3);
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
  box-sizing: border-box;
}

.result-dossier-card.published-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 194, 178, 0.8);
  box-shadow: 0 0 45px rgba(0, 194, 178, 0.3), 0 15px 35px rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.dossier-corner {
  position: absolute;
  width: 10px;
  height: 10px;
  border-color: rgba(0, 169, 214, 0.5);
  border-style: solid;
  pointer-events: none;
}
.result-dossier-card .top-left { top: 6px; left: 6px; border-width: 2px 0 0 2px; }
.result-dossier-card .top-right { top: 6px; right: 6px; border-width: 2px 2px 0 0; }
.result-dossier-card .bottom-left { bottom: 6px; left: 6px; border-width: 0 0 2px 2px; }
.result-dossier-card .bottom-right { bottom: 6px; right: 6px; border-width: 0 2px 2px 0; }

.dossier-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.dossier-tag {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dossier-num {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #647b91 !important;
}

.dossier-theme-pill {
  font: 700 9px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.15em !important;
  color: #00c2b2 !important;
  background: rgba(0, 194, 178, 0.12);
  padding: 3px 8px;
  border-radius: 4px;
}

.publish-status-badge {
  font: 800 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.15em !important;
  padding: 4px 10px;
  border-radius: 4px;
}

.publish-status-badge.live {
  background: rgba(0, 194, 178, 0.2);
  border: 1px solid rgba(0, 194, 178, 0.6);
  color: #00c2b2;
}

.publish-status-badge.locked {
  background: rgba(213, 27, 136, 0.15);
  border: 1px solid rgba(213, 27, 136, 0.4);
  color: #ff52be;
}

.dossier-event-title {
  font: 700 clamp(20px, 2.2vw, 26px)/1.1 'Space Grotesk', sans-serif !important;
  color: #ffffff;
  margin: 0 0 16px 0;
  letter-spacing: -0.02em;
}

.dossier-summary {
  font-size: 13px;
  color: #8da0b0;
  line-height: 1.6;
  margin-bottom: 20px;
}

/* 5. PODIUM PRESENTATION */
.podium-wrapper {
  background: rgba(2, 8, 23, 0.7);
  border: 1px solid rgba(0, 169, 214, 0.25);
  border-radius: 12px;
  padding: 20px 16px;
  margin-bottom: 20px;
}

.podium-title-bar {
  text-align: center;
  font: 800 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #00c2b2 !important;
  margin-bottom: 18px;
}

.podium-stage {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  min-height: 180px;
}

.podium-pillar {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 12px 8px;
  border-radius: 10px 10px 4px 4px;
  position: relative;
}

/* 1st Place (Center / Tallest) */
.pillar-1st {
  height: 160px;
  background: linear-gradient(180deg, rgba(255, 215, 0, 0.25) 0%, rgba(2, 8, 23, 0.9) 100%);
  border: 1.5px solid rgba(255, 215, 0, 0.7);
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.3);
  z-index: 3;
}
.pillar-1st .pillar-rank { color: #ffd700; font: 800 9px 'Space Grotesk', sans-serif; letter-spacing: 0.12em; }
.pillar-1st .pillar-name { color: #ffffff; font-weight: 700; font-size: 13px; margin-top: 6px; }
.pillar-1st .pillar-base { font: 800 24px 'Space Grotesk'; color: #ffd700; margin-top: auto; opacity: 0.8; }

/* 2nd Place (Left) */
.pillar-2nd {
  height: 130px;
  background: linear-gradient(180deg, rgba(192, 192, 192, 0.2) 0%, rgba(2, 8, 23, 0.9) 100%);
  border: 1px solid rgba(192, 192, 192, 0.5);
  box-shadow: 0 0 20px rgba(0, 169, 214, 0.2);
}
.pillar-2nd .pillar-rank { color: #c0c0c0; font: 800 9px 'Space Grotesk', sans-serif; letter-spacing: 0.12em; }
.pillar-2nd .pillar-name { color: #e4edf4; font-weight: 600; font-size: 12px; margin-top: 4px; }
.pillar-2nd .pillar-base { font: 800 20px 'Space Grotesk'; color: #c0c0c0; margin-top: auto; opacity: 0.6; }

/* 3rd Place (Right) */
.pillar-3rd {
  height: 110px;
  background: linear-gradient(180deg, rgba(205, 127, 50, 0.2) 0%, rgba(2, 8, 23, 0.9) 100%);
  border: 1px solid rgba(205, 127, 50, 0.5);
  box-shadow: 0 0 15px rgba(213, 27, 136, 0.15);
}
.pillar-3rd .pillar-rank { color: #cd7f32; font: 800 9px 'Space Grotesk', sans-serif; letter-spacing: 0.12em; }
.pillar-3rd .pillar-name { color: #e4edf4; font-weight: 600; font-size: 12px; margin-top: 4px; }
.pillar-3rd .pillar-base { font: 800 18px 'Space Grotesk'; color: #cd7f32; margin-top: auto; opacity: 0.6; }

.other-winners-list {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px stroke rgba(255, 255, 255, 0.1);
  font-size: 11px;
}
.other-winners-list small {
  color: #647b91;
  letter-spacing: 0.15em;
  display: block;
  margin-bottom: 6px;
}
.other-winners-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #a4b6c6;
}

.dossier-footer-action {
  font: 700 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.15em !important;
  color: #00c2b2 !important;
  text-align: right;
  margin-top: 12px;
}

/* 6. UNPUBLISHED / LOCKED STATE */
.dossier-locked-body {
  padding: 20px 0 10px;
}

.locked-scanner-box {
  position: relative;
  background: rgba(2, 8, 23, 0.6);
  border: 1px stroke rgba(213, 27, 136, 0.3);
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  overflow: hidden;
}

.locked-icon-ring {
  width: 50px;
  height: 50px;
  margin: 0 auto 14px;
  border: 1px dashed rgba(213, 27, 136, 0.5);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
  box-shadow: 0 0 20px rgba(213, 27, 136, 0.2);
}

.locked-heading {
  font: 800 14px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #ff52be !important;
  margin: 0 0 6px 0;
}

.locked-sub {
  font-size: 12px;
  color: #7890a4;
  margin: 0 0 14px 0;
}

.locked-system-tag {
  font: 700 9px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #00a9d6 !important;
}

/* Modal Popup Enhancements */
.result-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 23, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.result-modal-card {
  background: #06162a;
  border: 1.5px solid #00c2b2;
  box-shadow: 0 0 45px rgba(0, 194, 178, 0.4), 0 20px 50px rgba(0, 0, 0, 0.9);
  border-radius: 16px;
  padding: 36px;
  max-width: 540px;
  width: 100%;
  color: #ffffff;
  position: relative;
  animation: modalPopIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes modalPopIn {
  from { opacity: 0; transform: scale(0.9) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-close-btn {
  position: absolute;
  top: 18px;
  right: 22px;
  font-size: 28px;
  color: #8da0b0;
  cursor: pointer;
  transition: color 0.2s ease;
}
.modal-close-btn:hover { color: #ffffff; }

.modal-hud-badge {
  font: 800 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.2em !important;
  color: #ff52be !important;
  margin-bottom: 8px;
}

.modal-event-title {
  font: 700 28px 'Space Grotesk', sans-serif !important;
  color: #ffffff;
  margin: 0 0 12px 0;
}

.modal-summary-text {
  color: #94a9ba;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.modal-winners-box {
  background: rgba(0, 169, 214, 0.1);
  border-left: 3.5px solid #00c2b2;
  padding: 18px;
  border-radius: 8px;
}

.modal-winners-heading {
  font: 800 10px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.18em !important;
  color: #00c2b2 !important;
  display: block;
  margin-bottom: 12px;
}

.modal-winners-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 15px;
}

.modal-actions {
  text-align: right;
  margin-top: 24px;
}

.primary-modal-btn {
  background: linear-gradient(100deg, #087fba, #4c3bd1);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
  font: 700 11px 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.15em !important;
  padding: 12px 24px;
  border-radius: 6px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .status-body {
    flex-direction: column;
    align-items: flex-start;
  }
  .status-progress-track {
    width: 100%;
  }
  .results-cards-grid {
    grid-template-columns: 1fr;
  }
  .podium-stage {
    min-height: auto;
  }
}

/* ============ CINEMATIC BIOTECHNOLOGY AUTOMATIC FOOTER REVEAL (.techfinix-final-footer) ============ */
.techfinix-final-footer {
  position: relative;
  width: 100%;
  min-height: 540px;
  background: #020712;
  color: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px 4vw 50px;
  box-sizing: border-box;
  z-index: 50;
}

.techfinix-final-footer .footer-atmosphere-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.techfinix-final-footer .footer-vignette-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(2, 7, 18, 0.2) 0%, rgba(2, 7, 18, 0.85) 75%, #020712 100%),
              linear-gradient(180deg, rgba(2, 7, 18, 0.9) 0%, transparent 30%, transparent 70%, #020712 100%);
  pointer-events: none;
  z-index: 2;
}

.techfinix-final-footer .footer-molecular-grid {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0, 194, 178, 0.08) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 2;
}

/* Content Wrapper */
.techfinix-final-footer .footer-content-wrap {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

/* Phase 2: Closing Title Card */
.techfinix-final-footer .footer-closing-brand {
  opacity: 1;
  transform: translateY(0);
}

.techfinix-final-footer.is-active .footer-closing-brand {
  animation: footerTitleFadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.15s forwards;
}

@keyframes footerTitleFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.techfinix-final-footer .footer-kicker-small {
  display: block;
  font: 800 clamp(11px, 1.2vw, 14px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.28em !important;
  color: #00c2b2 !important;
  margin-bottom: 6px;
  text-shadow: 0 0 12px rgba(0, 194, 178, 0.5);
}

.techfinix-final-footer .footer-brand-title {
  font: 800 clamp(42px, 5.5vw, 72px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.12em !important;
  color: #ffffff !important;
  margin: 0;
  text-shadow: 0 0 30px rgba(0, 194, 178, 0.5);
}

.techfinix-final-footer .footer-brand-title span {
  color: #d51b88 !important;
  text-shadow: 0 0 30px rgba(213, 27, 136, 0.7);
}

/* Developer Credit Container */
.techfinix-final-footer .footer-developer-credit {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.techfinix-final-footer .dev-kicker {
  font: 800 clamp(13px, 1.4vw, 18px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.25em !important;
  color: #00c2b2 !important;
  margin-bottom: 16px;
  opacity: 1;
  text-shadow: 0 0 14px rgba(0, 194, 178, 0.6);
}

.techfinix-final-footer.is-active .dev-kicker {
  animation: footerTitleFadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
}

/* ============ SCOPED DEVELOPER CREDIT NAME MOLECULAR ASSEMBLY (.developer-credit-name) ============ */
.developer-credit-name {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  margin-bottom: 20px;
}

.developer-credit-name .molecular-particles-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

.developer-credit-name .molecular-particles-container .particle {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 8px currentColor;
  pointer-events: none;
  animation: molecularParticleDrift 4s ease-in-out infinite alternate;
}

@keyframes molecularParticleDrift {
  0% { transform: translate(0, 0); opacity: 0.25; }
  100% { transform: translate(12px, -15px); opacity: 0.7; }
}

.developer-credit-name .dna-scan-line {
  position: absolute;
  top: -5%;
  bottom: -5%;
  width: 1.5px;
  background: #00ffff;
  box-shadow: 0 0 10px #00ffff, 0 0 20px #00c2b2;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.developer-credit-name .light-sweep-beam {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  left: -20%;
  background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.7), rgba(255, 255, 255, 0.95), rgba(0, 255, 255, 0.7), transparent);
  box-shadow: 0 0 25px #00ffff;
  opacity: 0;
  pointer-events: none;
  z-index: 12;
  mix-blend-mode: overlay;
}

.developer-credit-name .light-sweep-beam.active-sweep {
  animation: devLightSweep 1.2s ease forwards !important;
}

@keyframes devLightSweep {
  0% { left: -20%; opacity: 0; }
  40% { opacity: 1; }
  100% { left: 120%; opacity: 0; }
}

.developer-credit-name .dev-name-letters {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: clamp(3px, 0.6vw, 8px);
}

.developer-credit-name .char {
  display: inline-block;
  font: 900 clamp(48px, 8vw, 120px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  text-shadow: 0 0 25px rgba(0, 194, 178, 0.5), 0 0 50px rgba(0, 194, 178, 0.3);
  opacity: 0;
  will-change: transform, opacity, filter, text-shadow;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

.developer-credit-name .char.space-letter {
  width: clamp(16px, 2.8vw, 42px);
}

.developer-credit-name .char.char-scan-highlight {
  color: #ffffff !important;
  text-shadow: 0 0 35px #00ffff, 0 0 70px #00c2b2, 0 0 100px #ffffff !important;
}

.developer-credit-name.molecular-locked .char {
  color: #ffffff !important;
  text-shadow: 0 0 30px rgba(0, 255, 255, 0.85), 0 0 60px rgba(0, 194, 178, 0.5) !important;
}

.developer-credit-name.idle-breathing .char {
  animation: devNameBreathingGlow 5s ease-in-out infinite alternate;
}

@keyframes devNameBreathingGlow {
  0% {
    color: #ffffff !important;
    text-shadow: 0 0 25px rgba(0, 255, 255, 0.75), 0 0 50px rgba(0, 194, 178, 0.4) !important;
  }
  100% {
    color: #ffffff !important;
    text-shadow: 0 0 45px rgba(0, 255, 255, 1), 0 0 85px rgba(213, 27, 136, 0.7), 0 0 120px rgba(0, 194, 178, 0.5) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .developer-credit-name .char {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
  .developer-credit-name .molecular-particles-container,
  .developer-credit-name .dna-scan-line,
  .developer-credit-name .light-sweep-beam {
    display: none !important;
  }
}



/* Subtitles Continuous Breathing */
.techfinix-final-footer .dev-subtitle-dept {
  font: 800 clamp(18px, 2.2vw, 28px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.22em !important;
  color: #ff52be !important;
  text-shadow: 0 0 18px rgba(255, 82, 190, 0.7);
  opacity: 1;
  margin-bottom: 10px;
}

.techfinix-final-footer.is-active .dev-subtitle-dept {
  animation: footerTitleFadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards,
             subtitleBreathe 3s ease-in-out 1.0s infinite alternate;
}

.techfinix-final-footer .dev-subtitle-college {
  font: 800 clamp(15px, 1.8vw, 22px) 'Space Grotesk', sans-serif !important;
  letter-spacing: 0.24em !important;
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(255, 255, 255, 0.6);
  opacity: 1;
}

.techfinix-final-footer.is-active .dev-subtitle-college {
  animation: footerTitleFadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 2.1s forwards,
             subtitleBreathe 3s ease-in-out 2.9s infinite alternate;
}

@keyframes subtitleBreathe {
  0% { opacity: 0.85; filter: drop-shadow(0 0 8px currentColor); }
  100% { opacity: 1; filter: drop-shadow(0 0 20px currentColor); }
}

/* ============ UNIVERSAL MOBILE RESPONSIVE ENGINE (320px - 768px Phones & Tablets) ============ */
@media (max-width: 900px) {
  .nav {
    height: 75px !important;
    padding: 0 16px !important;
  }
  .brand > b {
    width: 44px !important;
    height: 44px !important;
  }
  .brand strong {
    font-size: 18px !important;
  }
  .brand small {
    font-size: 9px !important;
  }
  .mobile.open {
    z-index: 9999 !important;
    background: rgba(6, 18, 36, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid #00c2b2 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.85), 0 0 30px rgba(0, 194, 178, 0.35) !important;
    top: 80px !important;
    right: 14px !important;
    left: 14px !important;
    padding: 24px 20px !important;
  }
  .mobile.open a {
    font: 700 15px 'Space Grotesk', sans-serif !important;
    color: #ffffff !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  
  /* Hide Timeline Section on Mobile View (Desktop Untouched) */
  #biotech-timeline {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Ensure ALL Event Cards (Technical & Non-Technical) are 100% Visible on Mobile */
  .dna-rope-wrap {
    padding-top: 10px !important;
  }
  .dna-rope-svg {
    display: none !important;
  }
  .dna-rope-items {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 45px 16px !important;
    margin-top: 15px !important;
  }
  .dna-item {
    margin-bottom: 20px !important;
  }
  .dna-card-square {
    width: 145px !important;
    height: 145px !important;
  }

  /* ============ MOBILE PORTRAIT PERFECT CENTERED VIDEO ENGINE (Matching codeoclock2k26.com) ============ */
  .intro,
  .hero,
  #bio-bounty-section .bio-bounty-sticky-viewport {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #020817 !important;
    width: 100vw !important;
  }

  video,
  .heroVideo,
  .bounty-scroll-video,
  .intro video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) translateZ(0) !important;
    width: 100vw !important;
    height: auto !important;
    max-height: 100vh !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
  }

  #bio-bounty-section .bounty-scroll-video {
    min-width: 100vw !important;
    object-fit: contain !important;
  }

  /* Event Modal Split Responsive Grid */
  .event-modal-content {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 20px 16px !important;
    width: 92vw !important;
    max-height: 88vh !important;
  }
  
  /* Bio Bounty Video Scrubber Mobile Track */
  #bio-bounty-section.bio-bounty-scroll-container {
    height: 180vh !important;
  }
  #bio-bounty-section .bounty-prize-hud {
    bottom: 20px !important;
    right: 14px !important;
    padding: 10px 16px !important;
  }
  #bio-bounty-section .bounty-prize-hud h3 {
    font-size: clamp(20px, 5.5vw, 30px) !important;
  }

  /* Developer Credit Footer Mobile Scaling */
  .techfinix-final-footer {
    padding: 40px 16px 30px !important;
    min-height: 380px !important;
  }
  .techfinix-final-footer .dev-name-letters {
    gap: 2px !important;
  }
  .developer-credit-name .char {
    font-size: clamp(30px, 7.5vw, 60px) !important;
  }
  .developer-credit-name .char.space-letter {
    width: clamp(10px, 2.5vw, 22px) !important;
  }
}

@media (max-width: 480px) {
  .hero h1 {
    font-size: clamp(38px, 11vw, 60px) !important;
  }
  .heroContent {
    margin-left: 0 !important;
  }
  .dates div b {
    font-size: 55px !important;
  }
  .register h2 {
    font-size: clamp(40px, 10vw, 70px) !important;
  }
}