:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}body{min-height:100vh;width:100%;background:#000;color:#fff}a{color:inherit;text-decoration:none}ul{list-style:none}button,input{font:inherit}img,video{display:block;max-width:100%}.home-page,.test-page{min-height:100vh;width:100%;position:relative}#navbar{height:120px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 150px;position:fixed;flex-wrap:wrap;z-index:99;color:#fff;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#nav-left{flex:1 1;min-width:180px}#nav-right{flex:2 1}#nav-right,#nav-right ul{display:flex;justify-content:flex-end}#nav-right ul{gap:36px;padding:30px 0;font-weight:bolder;flex-wrap:wrap}#nav-right li{white-space:nowrap}#nav-right li a{color:#fff}#nav-right li a:hover{color:grey}#darklab{top:0;left:0;height:100vh;width:100%;object-fit:cover;position:fixed;z-index:-1}#page1{position:relative;min-height:100vh;width:100%;background-color:rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:120px}#page1 h1{font-weight:1000;font-size:clamp(3.2rem,8vw,5rem)}#page1 p{max-width:720px;text-align:center;margin-top:20px;line-height:1.4}#testbtn{margin-top:25px;padding:7px 20px;color:#fff;background-color:transparent;border:1px solid #fff;font-size:15px;cursor:pointer}#testbtn:hover{background-color:#fff;color:#000}#about-page{position:relative;min-height:100vh;width:100%;color:#fff;background-color:#000;padding-bottom:3rem}#about-heading{display:flex;justify-content:center;align-items:center;transform:translateY(45px);padding:50px;font-weight:1000;font-size:200%}#about-container{display:grid;place-items:center;margin-inline:1.5rem;padding-block:3rem}#card-container{display:flex;flex-direction:row;gap:50px;flex-wrap:wrap;justify-content:center}#card-article{position:relative;overflow:hidden}.card-image{display:block;max-width:100%;height:auto;width:350px;border-radius:1rem}#card-data{width:300px;color:#000;background-color:#fff;padding:1.5rem 2rem;box-shadow:8px 8px 24px hsla(0,0%,100%,.589);border-radius:1rem;position:absolute;bottom:-24rem;left:0;right:0;margin-inline:auto;transition:opacity 1s 1s}#card-description{display:block;margin-bottom:.75rem}#card-title{font-weight:700;margin-bottom:.75rem}#card-article:hover #card-data{animation:show-data 1s forwards;opacity:1;transition:opacity .3s}#card-article:hover{animation:remove-overflow 2s forwards}#card-article:not(:hover){animation:show-overflow 2s forwards}#card-article:not(:hover) #card-data{animation:remove-data 1s forwards}@keyframes show-data{50%{transform:translateY(-23rem)}to{transform:translateY(-20rem)}}@keyframes remove-overflow{to{overflow:initial}}@keyframes remove-data{0%{transform:translateY(-20rem)}50%{transform:translateY(-23rem)}to{transform:translateY(.5rem)}}#about-para{padding:50px 130px;display:flex;justify-content:center;text-align:center}#meth-page{position:relative;min-height:100vh;width:100%;color:#fff;background-color:#141f23}#metho-heading{display:flex;justify-content:center;align-items:center;transform:translateY(45px);padding:50px;font-weight:1000;font-size:200%}#horizontal-line{background:#fff;position:absolute;top:450px;left:135px;width:85vw;height:2px}#vertical-container{display:flex;justify-content:space-around;transform:translateY(308px);flex-wrap:wrap;gap:1rem}#vl1,#vl3,#vl5,#vl7{transform:translateY(-94px)}#vlh1{transform:translateY(-60px)}#vlh3{transform:translateY(-40px)}#vlh5{transform:translateY(-80px)}#vlh7{transform:translateY(-94px)}#vlh2,#vlh4,#vlh6{transform:translateY(100px)}.vertical-line{background:#fff;width:2px;height:10vh}#meth-para{padding:53vh 200px;display:flex;justify-content:center;text-align:center}#cret-page{position:relative;min-height:100vh;width:100%;color:#fff;background-color:#000}#cret-heading{transform:translateY(45px);padding:50px;font-weight:1000;font-size:200%}#cret-heading,#p-card-container{display:flex;justify-content:center;align-items:center}#p-card-container{margin-top:175px;margin-inline:1.5rem;gap:225px;flex-wrap:wrap}#palak-card,#pranav-card{position:relative;height:350px;width:325px;background-color:#141f23;border-radius:1rem 1rem 11rem 11rem;padding:2.5rem 1.5rem 3.5rem;text-align:center;box-shadow:0 8px 32px rgba(23,79,77,.15)}.profile-images{width:90px}#palak-card-border,#pranav-card-border{width:104px;height:104px;background-color:#fff;border-radius:50%;margin:0 auto 1rem}.profile-images{width:98px;border-radius:50%;margin:8px auto 1rem}.profile-name,.profile-prof{color:#fff}.profile-name{font-size:25px;font-family:poppins,sans-serif;font-weight:600;margin-top:1rem;margin-bottom:.25rem}.profile-prof{font-weight:500}.profile-info{position:absolute;background-color:#fff;border-radius:1rem 1rem 11rem 11rem;padding:2.5rem 1.5rem 3.3rem;height:340px;width:325px;margin-left:-22px;margin-top:-217px;-webkit-clip-path:circle(14px at 285px 41px);clip-path:circle(14px at 285px 41px);transition:-webkit-clip-path .4s ease-in-out;transition:clip-path .4s ease-in-out;transition:clip-path .4s ease-in-out,-webkit-clip-path .4s ease-in-out}.profile-info-images{width:94px;border-radius:50%;margin:8px auto 1rem}.profile-info-data{color:#000;row-gap:.25rem;margin-bottom:1.5rem}.info-social a{text-decoration:none}#info-icon{position:absolute;top:1.5rem;right:1.5rem;color:#141f23;font-size:1.5rem;display:inline-flex;padding:.25rem;cursor:pointer;transition:opacity .3s}.info-name{font-size:25px;font-family:poppins,sans-serif;font-weight:600;margin-top:1rem;margin-bottom:.25rem}.info-loca,.info-prof{font-weight:400}.info-social{display:flex;justify-content:center;column-gap:1rem}.info-social-link{width:32px;height:32px;background-color:#141f23;border-radius:50%;transition:transform .3s}.info-social a div i{color:#fff}.info-social-icon{display:flex;justify-content:center;align-items:center;transform:translateY(7px)}.info-social-link:hover{transform:translateY(-.25rem)}.profile-info:hover{-webkit-clip-path:circle(75%);clip-path:circle(75%)}.profile-info:hover #info-icon{opacity:0}#footer{position:relative;min-height:5vh;width:100%;color:#fff;background-color:#111;justify-content:space-between;padding:1rem 3rem;gap:1rem}#footer,#footer-left,#footer-right{display:flex;align-items:center}#footer-right a{color:#fff;text-decoration:none;font-weight:600}#footer-right a:hover{color:#f0f0f0;text-decoration:none}.test-page{min-height:100vh;padding:2rem 1rem 3rem;display:flex;align-items:center;justify-content:center;overflow-x:hidden}.test-page #blood{top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;position:fixed;z-index:-1}.test-page .container{position:relative;z-index:1;width:min(1100px,95%);background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2rem;border-radius:18px;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 0 30px rgba(121,0,0,.45)}.test-page .test-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.test-page .logo-mark{font-size:2rem}.test-page .test-header h1{font-size:1.7rem;margin-bottom:.25rem}.test-page .test-header p{color:hsla(0,0%,100%,.78);font-size:.95rem}.test-page .app-main{display:grid;grid-gap:1rem;gap:1rem}.test-page .panel{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:1.25rem}.test-page .panel h2{margin-bottom:.5rem;font-size:1.25rem}.test-page .panel .empty-state,.test-page .panel .helper-text,.test-page .panel .hint{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.6}.test-page .upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:1rem 0}.test-page .upload-card{display:flex;flex-direction:column;gap:.6rem}.test-page .upload-card label{font-weight:600}.test-page .drop-zone{min-height:220px;border:1px dashed hsla(0,0%,100%,.3);border-radius:12px;background:rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;cursor:pointer;overflow:hidden;position:relative}.test-page .drop-zone.has-preview{border-style:solid;border-color:hsla(0,0%,100%,.45)}.test-page .drop-icon{font-size:2rem}.test-page .drop-text{font-size:.95rem;color:hsla(0,0%,100%,.8)}.test-page .preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.test-page .actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.test-page .primary-btn,.test-page .text-btn{border:none;border-radius:999px;cursor:pointer;transition:.2s ease}.test-page .primary-btn{background:#fff;color:#111;padding:.8rem 1.4rem;font-weight:700}.test-page .primary-btn:hover{background:hsla(0,0%,100%,.84)}.test-page .primary-btn:disabled{opacity:.55;cursor:not-allowed}.test-page .text-btn{background:transparent;color:#fff;padding:.3rem .75rem}.test-page .text-btn:hover{background:hsla(0,0%,100%,.12)}.test-page .error-box{margin-top:.8rem;padding:.8rem 1rem;border-radius:10px;background:rgba(255,60,60,.18);color:#ffdede}.test-page .result-panel.hidden{display:none}.test-page .result-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.8rem 0 1rem;flex-wrap:wrap}@media (max-width:768px){#navbar{padding:0 20px;height:80px;justify-content:space-between}#nav-left{min-width:auto}#nav-left h1{text-align:left;font-size:1.25rem;margin:0}#nav-right{display:none}#page1{padding-top:100px;padding-inline:1rem;align-items:center}#page1,#page1 h1{text-align:center}#page1 h1{padding:0 .75rem;line-height:1.05}#page1 p{padding:0 1rem;text-align:center}#cret-page{display:none}}.test-page .group-badge{font-size:2rem;font-weight:800}.test-page .confidence-row{display:flex;align-items:center;gap:.8rem}.test-page .confidence-bar{width:180px;height:8px;border-radius:999px;background:hsla(0,0%,100%,.18);overflow:hidden}.test-page .confidence-fill{width:92%;height:100%;background:linear-gradient(90deg,#ff4d4d,#fb3)}.test-page .history-list,.test-page .sample-results{display:grid;grid-gap:.6rem;gap:.6rem}.test-page .history-item,.test-page .sample-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;background:hsla(0,0%,100%,.06);border-radius:10px}.test-page .disclaimer{color:hsla(0,0%,100%,.72);font-size:.9rem;line-height:1.6;margin-top:.9rem}.test-page .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}@media (max-width:1100px){#navbar{padding:0 40px;gap:30px}#page1 h1{font-size:3.5rem}#about-para,#meth-para{padding:40px 30px}#horizontal-line{left:50px;width:80vw}}@media (max-width:860px){#nav-right ul{width:100%;gap:16px;padding:15px 0;flex-wrap:wrap}#nav-right ul,#navbar{justify-content:center}#navbar{padding:16px 24px;height:auto;min-height:80px;align-items:center;flex-direction:column;row-gap:8px}#nav-left{width:100%;text-align:center;min-width:auto}#nav-right{width:100%;justify-content:center}#page1{padding-top:200px}#card-container,#p-card-container,#vertical-container{flex-direction:column;align-items:center}#p-card-container{gap:2rem;margin-top:100px}.test-page .container{min-height:auto;padding:30px}}@media (max-width:620px){#page1 h1{font-size:2.5rem}#nav-right{display:none}#navbar{padding:16px 18px;min-height:80px}#about-page,#meth-page{display:none}#page1{padding-top:140px}#card-data{width:260px}#about-para,#meth-para{padding:30px 20px}.select-image,.upload-image{width:100%}}