@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#edf4f7;background:#05070b;min-width:320px;font-family:Inter,sans-serif}button{font-family:inherit}.app{background:radial-gradient(circle at 50% 0,#18647424,#0000 40%),#05070b;min-height:100vh;position:relative;overflow:hidden}.background-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.grid-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0009 55%,#0000 100%);mask-image:linear-gradient(#000 0%,#0009 55%,#0000 100%)}.orb{filter:blur(100px);opacity:.25;border-radius:50%;position:absolute}.orb-one{background:#087f8c;width:420px;height:420px;top:-180px;left:-120px}.orb-two{background:#176b9c;width:360px;height:360px;top:20%;right:-150px}.noise-overlay{opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.content-layer{z-index:2;width:min(1200px,92%);margin:auto;position:relative}.navbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:76px;display:flex}.brand{align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;display:flex}.brand-icon{color:#65e4df;background:#2ccec814;border:1px solid #55e1dc40;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-ai{color:#65e4df}.nav-status,.nav-security{letter-spacing:.12em;color:#77838b;align-items:center;gap:8px;font-size:10px;display:flex}.nav-security{display:none}.status-dot{background:#57e5b1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #57e5b1cc}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:80px 0 100px;display:flex}.hero-badge{color:#65c9c5;letter-spacing:.13em;background:#65e4df0d;border:1px solid #65e4df2e;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:10px;font-weight:600;display:flex}.hero h1{letter-spacing:-.055em;max-width:900px;margin-top:28px;font-family:Space Grotesk,sans-serif;font-size:clamp(46px,7vw,82px);font-weight:600;line-height:.98}.hero h1 span{background:linear-gradient(90deg,#65e4df,#80bfff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:#8b969e;max-width:650px;margin-top:28px;font-size:16px;line-height:1.8}.hero-actions{flex-direction:column;align-items:center;margin-top:38px;display:flex}.primary-button{color:#e9ffff;cursor:pointer;background:linear-gradient(135deg,#49cfc933,#4182c826);border:1px solid #6eeee666;border-radius:12px;align-items:center;gap:12px;padding:15px 22px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 0 30px #39d7d214,inset 0 1px #ffffff14}.primary-button:hover{border-color:#6eeee6b3;transform:translateY(-3px);box-shadow:0 10px 35px #39d7d229,0 0 40px #39d7d214}.hero-note{color:#59656d;margin-top:14px;font-size:11px}.hero-stats{border-top:1px solid #ffffff0f;gap:70px;margin-top:75px;padding-top:25px;display:flex}.hero-stats div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{color:#dce9eb;font-family:Space Grotesk,sans-serif;font-size:20px}.hero-stats span{letter-spacing:.1em;color:#59656d;text-transform:uppercase;font-size:10px}.analysis-placeholder{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c1117a6;border:1px solid #ffffff12;border-radius:22px;justify-content:center;align-items:center;min-height:500px;margin-bottom:100px;display:flex}.analysis-placeholder>div{text-align:center}.analysis-placeholder span{letter-spacing:.15em;color:#5fcac5;font-size:10px}.analysis-placeholder h2{letter-spacing:-.03em;margin-top:15px;font-family:Space Grotesk,sans-serif;font-size:35px;line-height:1.15}@media (width<=700px){.content-layer{width:90%}.navbar{height:65px}.nav-status{display:none}.hero{min-height:600px;padding-top:60px}.hero h1{font-size:48px}.hero-description{font-size:14px}.hero-stats{gap:25px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:8px}.analysis-placeholder h2{font-size:28px}}.analysis-section{padding:40px 0 120px}.analysis-heading{text-align:center;max-width:700px;margin:0 auto 55px}.section-label{color:#65e4df;letter-spacing:.15em;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.analysis-heading h2{letter-spacing:-.045em;margin-top:18px;font-family:Space Grotesk,sans-serif;font-size:clamp(38px,5vw,60px);line-height:1}.analysis-heading h2 span{color:#65e4df}.analysis-heading p{color:#7f8b94;margin-top:20px;font-size:14px;line-height:1.8}.analysis-workspace{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:22px;display:grid}.glass-panel{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#131b23e0,#080c11d1);border:1px solid #ffffff14;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000040,inset 0 1px #ffffff0b}.glass-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#4ed3cd12,#0000 35%);position:absolute;inset:0}.clinical-panel{padding:28px}.panel-header{align-items:center;gap:14px;margin-bottom:28px;display:flex;position:relative}.panel-icon{color:#65e4df;background:#65e4df12;border:1px solid #65e4df33;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.panel-header h3{font-family:Space Grotesk,sans-serif;font-size:19px}.panel-header p{color:#69757e;margin-top:3px;font-size:11px}.clinical-grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid;position:relative}.modern-field{flex-direction:column;gap:7px;display:flex}.modern-field label{color:#89959e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.modern-field input,.modern-field select{color:#e8f0f2;background:#05090db3;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;height:45px;padding:0 13px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.modern-field input:hover,.modern-field select:hover{border-color:#ffffff26}.modern-field input:focus,.modern-field select:focus{background:#0b161bd9;border-color:#65e4df8c;box-shadow:0 0 0 3px #65e4df0f,0 0 25px #65e4df0d}.modern-field select{cursor:pointer}.modern-field select option{color:#fff;background:#0b1117}.input-wrapper{position:relative}.input-wrapper input{padding-right:65px}.input-wrapper span{color:#53616a;pointer-events:none;font-size:9px;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.analyze-button{color:#eaffff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#30c0bb38,#3a6cbe33);border:1px solid #65e4df59;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:24px;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 35px #2ebfb914,inset 0 1px #ffffff14}.analyze-button:hover:not(:disabled){border-color:#65e4dfa6;box-shadow:0 12px 40px #2ebfb926,0 0 25px #2ebfb914}.analyze-button:disabled{opacity:.65;cursor:wait}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.model-info{color:#4f5c64;letter-spacing:.12em;justify-content:space-between;margin-top:16px;font-size:8px;font-weight:600;display:flex}.model-info span{align-items:center;gap:5px;display:flex}.result-panel{justify-content:center;align-items:center;min-height:100%;padding:30px;display:flex}.empty-result,.loading-result,.error-result{text-align:center;width:100%}.empty-icon{color:#65e4df;background:#65e4df0b;border:1px solid #65e4df26;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 22px;display:flex;box-shadow:0 0 35px #65e4df0d}.empty-result>span,.loading-result>span{color:#5caaa7;letter-spacing:.17em;font-size:9px;font-weight:600}.empty-result h3,.loading-result h3,.error-result h3{margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:25px}.empty-result p,.loading-result p,.error-result p{color:#66737c;max-width:350px;margin:12px auto 0;font-size:12px;line-height:1.7}.result-line{background:#ffffff0f;width:100%;height:1px;margin:28px 0}.result-meta{color:#52606a;letter-spacing:.1em;justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex}.result-meta strong{color:#b4c2c7}.analysis-loader{color:#65e4df;background:#65e4df0d;border:1px solid #65e4df33;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 24px;display:flex;box-shadow:0 0 45px #65e4df1a}.error-result{color:#ff8f8f}.error-result p{color:#a77b7b}.risk-result{width:100%}.result-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.result-label{color:#5caaa7;letter-spacing:.16em;font-size:9px;font-weight:600}.result-top h3{margin-top:7px;font-family:Space Grotesk,sans-serif;font-size:22px}.result-status{letter-spacing:.1em;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:700}.result-status.high{color:#ff9d9d;background:#ff52521a;border:1px solid #ff525233}.result-status.low{color:#77e4b4;background:#43dc9914;border:1px solid #43dc992e}.risk-gauge{width:220px;height:145px;margin:20px auto 5px;position:relative}.risk-gauge svg{width:100%;height:100%;overflow:visible}.gauge-background,.gauge-progress{fill:none;stroke-width:11px;stroke-linecap:round}.gauge-background{stroke:#ffffff0e}.gauge-progress{stroke-dasharray:1}.gauge-progress.low{stroke:#5ce3ad;filter:drop-shadow(0 0 7px #5ce3ad59)}.gauge-progress.high{stroke:#ff7272;filter:drop-shadow(0 0 7px #ff727259)}.gauge-value{flex-direction:column;align-items:center;display:flex;position:absolute;inset:50px 0 0}.gauge-value strong{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:32px}.gauge-value span{color:#68757d;margin-top:3px;font-size:9px}.result-metrics{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.result-metrics>div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:13px}.result-metrics span{color:#58656d;letter-spacing:.1em;font-size:7px;font-weight:600;display:block}.result-metrics strong{color:#dce8ea;margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:18px;display:block}.result-message{border-radius:10px;gap:11px;margin-top:12px;padding:13px;display:flex}.result-message.high{color:#ff9494;background:#ff46460f;border:1px solid #ff46461f}.result-message.low{color:#74dfae;background:#43dc990b;border:1px solid #43dc991f}.result-message strong{font-size:10px;display:block}.result-message p{color:#707c84;margin-top:4px;font-size:9px;line-height:1.5}.recommendations-modern{margin-top:20px}.recommendation-heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.recommendation-heading span{color:#65c9c5;letter-spacing:.13em;font-size:8px;font-weight:600}.recommendation-heading small{color:#4d5961;letter-spacing:.08em;font-size:7px}.recommendations-modern ul{list-style:none}.recommendations-modern li{color:#89959d;border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex}.recommendation-number{color:#4e5c64;font-family:Space Grotesk,sans-serif;font-size:8px}.reset-button{color:#7d8991;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:9px;width:100%;margin-top:18px;padding:11px;font-size:9px;font-weight:600;transition:all .2s}.reset-button:hover{color:#65e4df;background:#65e4df08;border-color:#65e4df40}.medical-disclaimer{color:#4c575e;text-align:center;margin-top:12px;font-size:7px;line-height:1.5}@media (width<=900px){.analysis-workspace{grid-template-columns:1fr}.result-panel{min-height:550px}}@media (width<=600px){.clinical-grid{grid-template-columns:1fr}.clinical-panel,.result-panel{padding:20px}.analysis-heading{margin-bottom:35px}.analysis-heading h2{font-size:38px}.result-top h3{font-size:19px}.risk-gauge{margin-top:10px;transform:scale(.92)}}
