:root{--ink:#ebf2ff;--muted:#93a2c4;--deep:#071021;--line:rgba(162,189,245,.14);--cyan:#63e5ed;--blue:#6678ff;--violet:#af76ff;--green:#5be3aa;--amber:#ffc466}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:Cairo,Arial,sans-serif;min-width:320px}.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;background:radial-gradient(circle at 72% 0,#172d6a 0,transparent 28%),radial-gradient(circle at 13% 94%,#193d4d 0,transparent 28%),#071021}.aurora i{position:absolute;border-radius:50%;filter:blur(45px);opacity:.42;animation:drift 17s ease-in-out infinite alternate}.aurora i:nth-child(1){width:34vw;height:34vw;right:-8vw;top:23vh;background:#5335b8}.aurora i:nth-child(2){width:30vw;height:30vw;left:-10vw;bottom:4vh;background:#057d88;animation-delay:-9s}.aurora i:nth-child(3){width:15vw;height:15vw;right:36vw;bottom:-4vw;background:#2465d2;animation-delay:-4s}.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;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='.9'/%3E%3C/svg%3E")}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:32px 20px;border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(5,13,30,.72),rgba(7,16,33,.42));backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand strong{font-size:19px;display:block;letter-spacing:-.5px}.brand small{display:block;color:#8291b4;font-family:'Space Grotesk',sans-serif;font-size:9px;letter-spacing:1.4px;margin-top:2px}.brand-glyph{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#6eeaf0,#6377ff 57%,#b27afd);display:grid;place-content:center;gap:3px;transform:rotate(-7deg);box-shadow:0 8px 25px #687cff66}.brand-glyph span{display:block;width:16px;height:3px;background:#081126;border-radius:99px}.brand-glyph span:nth-child(2){width:11px}.brand-glyph span:nth-child(3){width:7px}.project-pill{display:flex;gap:7px;align-items:center;margin:34px 7px 24px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:#afbddb;font-size:11px;background:#ffffff06}.pulse-dot{height:6px;width:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #5be3aa18;animation:pulse 2s infinite}.side-nav{display:grid;gap:5px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:#8fa0c3;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.side-nav b{font-family:'Space Grotesk',sans-serif;font-size:16px;color:#7081a8}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,#6678ff2b,#6678ff08);color:#f5f7ff}.side-nav a.active b{color:var(--cyan);text-shadow:0 0 17px var(--cyan)}.system-card{margin-top:auto;border:1px solid var(--line);background:#ffffff06;border-radius:13px;padding:14px}.system-heading{display:flex;justify-content:space-between;color:#aab8d6;font-size:11px;font-weight:700;margin-bottom:9px}.system-heading i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.system-line{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #ffffff0d;color:#7181a5;font-size:10px}.system-line strong{font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.55px;color:#a6b8e8}.sidebar-note{color:#69799b;line-height:1.85;font-size:10px;margin:18px 7px 0}.main-area{max-width:1450px;width:100%;margin:0 auto;padding:0 40px 42px}.command-bar{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#8393b7}.breadcrumb b{color:#4b5c82}.breadcrumb strong{color:#d1dcf4}.command-actions{display:flex;gap:8px}.secure-chip,.date-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#9eafd0;font:600 9px 'Space Grotesk',Cairo,sans-serif;letter-spacing:.45px}.secure-chip{color:#8bf0ce;border-color:#5be3aa38;background:#5be3aa0b}.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:45px 0 32px}.overline,.eyebrow{color:var(--cyan);font:600 10px 'Space Grotesk',Cairo,sans-serif;letter-spacing:1.25px;margin:0 0 9px}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-left:5px}.intro h1{margin:0;font-size:48px;line-height:1.21;letter-spacing:-1.5px}.intro h1 em{font-style:normal;background:linear-gradient(110deg,#71eced,#7786ff 56%,#be85ff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro>p{max-width:395px;margin:0 0 6px;color:#9aaaca;font-size:13px;line-height:2.05}.vision-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.74fr);gap:18px}.vision-panel,.outcome-panel,.lab-card,.library-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(20,36,72,.88),rgba(8,18,38,.82));box-shadow:0 25px 60px #00000026;overflow:hidden}.vision-panel{padding:20px}.panel-topline,.outcome-top,.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel-topline h2,.outcome-top h2,.section-header h2{font-size:20px;margin:0;letter-spacing:-.6px}.camera-status{font-size:10px;color:#ffd685;background:#ffc46612;border:1px solid #ffc4662b;border-radius:999px;padding:6px 9px}.camera-stage{position:relative;height:405px;margin-top:18px;overflow:hidden;border:1px solid #aac4f31f;border-radius:13px;background:radial-gradient(circle at 50% 50%,#1b356d,#081326 67%)}.camera-stage:before{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(#9bb5f00a 1px,transparent 1px),linear-gradient(90deg,#9bb5f00a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,#000 8%,transparent 74%)}.camera-stage video,.camera-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:2}.target-frame{position:absolute;inset:17%;z-index:3;pointer-events:none}.target-frame b{position:absolute;width:26px;height:26px;border-color:#6eeaf0;border-style:solid;opacity:.7}.target-frame b:nth-child(1){top:0;right:0;border-width:2px 2px 0 0}.target-frame b:nth-child(2){top:0;left:0;border-width:2px 0 0 2px}.target-frame b:nth-child(3){bottom:0;right:0;border-width:0 2px 2px 0}.target-frame b:nth-child(4){bottom:0;left:0;border-width:0 0 2px 2px}.camera-empty{position:absolute;inset:0;z-index:4;display:grid;place-content:center;text-align:center;gap:6px;color:#c3d0ee}.camera-empty strong{font-size:17px}.camera-empty p{color:#8495ba;font-size:12px;margin:0}.hand-orb{height:72px;width:72px;display:grid;place-items:center;margin:auto auto 8px;border:1px solid #70e9ef52;border-radius:50%;background:radial-gradient(circle,#66e6ee1c,transparent 68%);box-shadow:0 0 0 16px #63e5ed09,0 0 32px #63e5ed1d;animation:orb 3.5s ease-in-out infinite}.hand-orb span{font-size:28px;filter:drop-shadow(0 0 8px #78e8ed)}.camera-hud{position:absolute;z-index:5;inset:auto 13px 10px;display:flex;justify-content:space-between;color:#91a6d2b5;font:600 8px 'Space Grotesk',sans-serif;letter-spacing:1px}.scanning-beam{position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,transparent 43%,#67eaf041 49%,#67eaf0b3 50%,#67eaf041 51%,transparent 57%);opacity:.25;transform:translateY(-100%);animation:scanner 4.5s linear infinite}.camera-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:15px}.signal{display:flex;gap:8px;align-items:center;min-width:0}.signal>span{height:7px;width:7px;border-radius:50%;background:#7d8db0;flex:none}.signal p{margin:0;color:#91a1c0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-actions{display:flex;gap:8px;flex:none}button{font-family:inherit;font-weight:800;border:0;cursor:pointer;transition:.2s transform,.2s filter}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}button:disabled{opacity:.43;cursor:not-allowed}.primary{color:#071126;background:linear-gradient(135deg,#74eaf0,#7690ff);padding:10px 14px;border-radius:9px;font-size:11px;box-shadow:0 7px 23px #66e4ee2b}.primary b{font-size:14px;margin-right:4px}.ghost{background:#ffffff08;color:#c6d4ef;border:1px solid #ffffff1a;border-radius:9px;padding:10px 13px;font-size:11px}.outcome-panel{padding:22px;display:flex;flex-direction:column}.live-number{font:700 23px 'Space Grotesk';color:#33466d}.result-empty{min-height:232px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#aebdde}.spark-icon,.prediction-orbit{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,#6f7dff36,transparent 68%);border:1px solid #7d8bff33;color:#aeb8ff;font-size:20px;box-shadow:0 0 0 13px #6576ff0a}.result-empty strong{font-size:15px}.result-empty p{font-size:11px;color:#7f90b3;max-width:190px;line-height:1.9;margin:0}.prediction{text-align:center;padding:16px 0 8px}.hidden{display:none}.prediction-orbit{width:62px;height:62px;margin:0 auto 14px;box-shadow:0 0 0 15px #5ce3ed0b}.prediction-icon{font-size:23px;color:var(--cyan)}.prediction-label{font:600 9px 'Space Grotesk',Cairo,sans-serif;letter-spacing:1px;color:#78e5e9;margin:0}.prediction h2{font-size:24px;margin:8px 0 1px}.prediction p{color:#91a4ca;font-size:11px;margin:0}.confidence-row{display:flex;justify-content:space-between;margin-top:20px;color:#9faccc;font-size:11px}.confidence-row strong{color:#dbe7ff}.meter{height:5px;border-radius:20px;background:#ffffff0c;overflow:hidden;margin-top:7px}.meter div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 12px var(--cyan)}.speak-button{width:100%;margin-top:20px;border:1px solid #63e5ed36;background:#63e5ed0e;color:#9aeeef;border-radius:9px;padding:11px;font-size:11px}.speak-button span{display:inline-block;transform:rotate(45deg);margin-left:5px}.privacy-lock{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.privacy-lock>span{color:var(--green);font-size:16px}.privacy-lock p{margin:0;color:#7f90b3;font-size:10px;line-height:1.8}.privacy-lock strong{display:block;color:#bdcae5;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.metrics>div{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#0e1a34a6}.metric-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:14px}.metric-mark.cyan{background:#63e5ed15;color:var(--cyan)}.metric-mark.violet{background:#af76ff15;color:var(--violet)}.metric-mark.green{background:#5be3aa15;color:var(--green)}.metric-mark.amber{background:#ffc46615;color:var(--amber)}.metrics p{margin:0}.metrics small{display:block;color:#8292b5;font-size:9px}.metrics strong{display:block;font-size:11px;margin-top:2px}.lower-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}.lab-card,.library-card{padding:21px}.section-copy{color:#96a6c7;font-size:11px;line-height:1.9;margin:10px 0 17px}.train-button,.capture-button{color:#80e6e9;border:1px solid #63e5ed3d;background:#63e5ed0b;border-radius:8px;padding:9px 11px;font-size:11px}.train-button span{font-size:14px;margin-right:4px}.training-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.training-controls label{color:#b8c6e0;font-size:10px}.training-controls label span{display:block;margin-bottom:6px}.training-controls select{width:100%;padding:10px;border:1px solid #ffffff18;color:#dbe7ff;border-radius:8px;background:#0a1730;font-family:inherit;font-size:11px}.capture-button{color:#071226;background:linear-gradient(135deg,#63e5ed,#728aff);padding:10px 14px}.capture-button span{font-size:16px;vertical-align:-1px;margin-left:3px}.sample-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}.sample{padding:8px 4px;border-radius:7px;background:#ffffff06;border:1px solid #ffffff0c;text-align:center;color:#8292b6;font-size:8px;line-height:1.4}.sample strong{display:block;font:700 15px 'Space Grotesk';color:#d9e5ff}.training-message{color:#7590bb;font-size:10px;margin:12px 0 0}.library-badge{font-size:9px;color:#ae82ff;border:1px solid #af76ff38;background:#af76ff0b;padding:5px 8px;border-radius:99px}.phrase-library{display:flex;flex-wrap:wrap;gap:6px}.phrase-library button{font-size:10px;background:#ffffff08;color:#b4c3df;border:1px solid #ffffff12;border-radius:7px;padding:7px 9px}.phrase-library button.selected{background:#697cff25;color:#d9deff;border-color:#7d8eff8c}.sign-preview{display:flex;gap:11px;align-items:center;margin-top:15px;padding:13px;border:1px solid #6678ff2b;border-radius:10px;background:linear-gradient(90deg,#6678ff13,transparent)}.sign-preview>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#6678ff1e;color:#aeb8ff}.sign-preview strong{font-size:11px}.sign-preview p{color:#8495b8;font-size:10px;margin:2px 0 0}.camera-status.active{color:#88f1ce;border-color:#5be3aa4a;background:#5be3aa0e}.camera-status.active:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:5px;box-shadow:0 0 8px var(--green)}@keyframes drift{to{transform:translate3d(8vw,-4vh,0) scale(1.16)}}@keyframes pulse{50%{box-shadow:0 0 0 8px #5be3aa00}}@keyframes orb{50%{transform:scale(1.06);box-shadow:0 0 0 22px #63e5ed05,0 0 45px #63e5ed2b}}@keyframes scanner{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@media(max-width:1050px){.app-shell{grid-template-columns:225px minmax(0,1fr)}.main-area{padding:0 24px 36px}.vision-grid{grid-template-columns:1fr}.outcome-panel{min-height:300px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:17px;border-left:0;border-bottom:1px solid var(--line)}.project-pill,.system-card,.sidebar-note{display:none}.side-nav{display:flex;overflow:auto;margin-top:16px}.side-nav a{white-space:nowrap;padding:8px 10px;font-size:11px}.main-area{padding:0 16px 30px}.command-bar{height:59px}.command-actions .date-chip{display:none}.intro{padding:32px 0 25px;display:block}.intro h1{font-size:36px}.intro>p{margin-top:14px}.vision-grid,.lower-grid{grid-template-columns:1fr}.camera-stage{height:340px}.camera-footer{align-items:flex-start;flex-direction:column}.camera-actions{width:100%}.camera-actions button{flex:1}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:11px}.sample-grid{grid-template-columns:repeat(5,1fr)}.sidebar .brand{padding:0}.breadcrumb{font-size:9px}.secure-chip{font-size:8px}.training-controls{grid-template-columns:1fr}.capture-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}