:root{--bg:#020914;--bg2:#06172c;--panel:#071a31;--panel2:#0a213b;--white:#f7fbff;--muted:#b9c9d9;--blue:#1da1ff;--green:#43e35c;--purple:#a05cff;--orange:#ff7900;--cyan:#17d5d1;--pink:#ff2b82;--red:#ff4050;--line:#174a78;--shadow:0 18px 55px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--white);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% -15%,#123b68 0,#061b35 25%,#020914 67%,#01050b 100%);font-size:17px}button,input,textarea{font:inherit}a{color:inherit}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,54px);background:rgba(1,8,18,.94);border-bottom:2px solid var(--blue);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.shield{width:62px;height:70px}.brand-name{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:40px;letter-spacing:1px;line-height:1}.brand-name em{font-style:normal;color:var(--blue)}.brand-tag{font-weight:800;font-size:15px;margin-top:5px}.mission{display:flex;align-items:center;gap:10px;font-weight:800}.mission .mini-shield{width:34px;height:40px}.container{width:min(1220px,94vw);margin:auto;padding:28px 0 52px}.hero{text-align:center;padding:10px 0 26px}.hero h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(54px,7vw,88px);letter-spacing:1px;margin:8px 0 2px}.hero h2{margin:0;color:var(--blue);font-size:30px}.accent{width:58px;height:4px;border-radius:4px;background:var(--blue);box-shadow:0 0 18px var(--blue);margin:18px auto}.hero p{max-width:880px;margin:0 auto;color:#f0f5fa;font-size:19px;line-height:1.55}.hero .start{color:var(--blue);font-size:19px;font-weight:900;margin-top:8px}.function-grid{max-width:1090px;margin:18px auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.function-card{min-height:206px;border:2px solid var(--accent);border-radius:16px;padding:20px 18px;text-align:center;text-decoration:none;background:linear-gradient(145deg,rgba(10,33,60,.95),rgba(3,13,27,.98));box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.function-card:hover{transform:translateY(-4px);box-shadow:0 24px 65px rgba(0,0,0,.48);background:linear-gradient(145deg,rgba(14,44,77,.98),rgba(4,14,28,.99))}.blue{--accent:var(--blue)}.green{--accent:var(--green)}.purple{--accent:var(--purple)}.orange{--accent:var(--orange)}.cyan{--accent:var(--cyan)}.pink{--accent:var(--pink)}.icon-circle{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;border:2px solid var(--accent);display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.25),rgba(0,0,0,.25));box-shadow:0 0 25px color-mix(in srgb,var(--accent) 25%,transparent);font-size:36px}.function-card h3{font-family:'Arial Black',Arial,sans-serif;font-size:23px;margin:4px 0 7px}.function-card p{margin:0;color:#eef5fb;line-height:1.35}.why{border:2px solid #155188;border-radius:16px;background:linear-gradient(180deg,#061b32,#041325);padding:18px 18px 16px;box-shadow:var(--shadow)}.why-title{text-align:center;color:var(--blue);font-family:'Arial Black',Arial,sans-serif;font-size:22px;margin-bottom:15px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr)}.why-item{padding:9px 17px;border-right:1px solid #1a486b}.why-item:last-child{border-right:0}.why-item strong{display:block;font-size:15px;margin-bottom:6px}.why-item span{display:block;color:#c9d7e3;font-size:13px;line-height:1.45}.privacy-strip{margin-top:13px;border:2px solid #16436c;border-radius:12px;background:#041528;padding:13px;text-align:center;color:#dce8f2}.footer{border-top:1px solid #153b5e;padding:18px 4vw 28px;text-align:center;color:#b9c9d7;font-size:13px}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:10px}.footer a{text-decoration:none}.back{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:2px solid #2c5272;border-radius:9px;background:#06182b;text-decoration:none;font-weight:900;margin-bottom:14px}.page-title{text-align:center;margin-bottom:19px}.kicker{font-family:'Arial Black',Arial,sans-serif;letter-spacing:1px;font-size:18px}.page-title h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:48px;margin:6px 0}.page-title p{color:#d9e5ef;margin:0}.checker-shell{max-width:1040px;margin:auto;border:2px solid var(--accent);border-radius:16px;background:linear-gradient(145deg,#071c33,#041223);padding:19px;box-shadow:var(--shadow)}.field-label{display:block;font-family:'Arial Black',Arial,sans-serif;font-size:14px;margin-bottom:9px}.field-label::before{content:'▣ ';color:var(--accent)}textarea,input[type=text],input[type=url],input[type=email]{width:100%;background:#06172a;border:2px solid #31536f;border-radius:10px;color:#fff;padding:15px;outline:none}textarea{min-height:235px;resize:vertical}input[type=text],input[type=url],input[type=email]{height:56px}textarea::placeholder,input::placeholder{color:#92a7ba}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.counter{text-align:right;color:#9fb1c2;font-size:12px;margin-top:6px}.primary{width:100%;border:2px solid var(--accent);border-radius:9px;padding:14px 18px;margin-top:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 75%,#001a33),color-mix(in srgb,var(--accent) 52%,#06233b));color:#fff;font-family:'Arial Black',Arial,sans-serif;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}.primary:hover{filter:brightness(1.13)}.help{margin-top:13px;border:2px solid #1e4a70;border-radius:10px;padding:12px 15px;background:#06182a;color:#cddbe6;line-height:1.45;font-size:14px}.error{display:none;margin-top:9px;color:#ff9da7;font-weight:800}.switcher{max-width:1090px;margin:20px auto 0}.switcher-title{display:flex;align-items:center;gap:10px;color:#aebdca;font-size:13px;font-weight:900}.switcher-title span{height:1px;background:#36536c;flex:1}.switch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.switch-card{min-height:84px;display:flex;align-items:center;gap:8px;padding:10px;border:2px solid var(--accent);border-radius:10px;background:linear-gradient(145deg,#071a2d,#04111f);text-decoration:none}.switch-icon{width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:2px solid var(--accent);display:grid;place-items:center;background:rgba(0,0,0,.24);font-weight:900}.switch-card b{display:block;font-family:'Arial Black',Arial,sans-serif;font-size:13px}.switch-card small{display:block;color:#b8c8d6;font-size:10px;line-height:1.25;margin-top:2px}.camera-layout{display:grid;grid-template-columns:1.42fr .9fr;gap:17px}.camera-panel,.side-panel{border:2px solid #1e496e;border-radius:15px;background:linear-gradient(145deg,#061a30,#03101e);padding:15px;box-shadow:var(--shadow)}.preview-frame{position:relative;overflow:hidden;min-height:340px;display:grid;place-items:center;border:2px solid #264d6c;border-radius:10px;background:#01070e}.preview-frame::before{content:'';position:absolute;inset:13px;border:2px solid rgba(67,227,92,.95);border-radius:5px;pointer-events:none}.preview-frame.empty::before{border-color:rgba(67,227,92,.75)}.preview-frame video,.preview-frame img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}.empty-content{text-align:center;color:#eaf2f7;z-index:1}.empty-icon{width:74px;height:74px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--green);font-size:35px;background:#03170b}.empty-content strong{font-family:'Arial Black',Arial,sans-serif;font-size:19px}.empty-content p{color:#aebfcd;margin:7px 0 0;font-size:14px}.camera-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:11px}.camera-actions .primary{margin-top:0}.camera-actions #checkVideo{grid-column:1/-1;width:min(100%,360px);justify-self:center}.camera-actions .wide{grid-column:1/-1}.side-panel h2{font-family:'Arial Black',Arial,sans-serif;margin:0 0 15px;font-size:21px}.check-list{list-style:none;margin:0;padding:0}.check-list li{margin:12px 0;color:#e3edf5}.check-list li::before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green);color:#05200a;font-weight:900;margin-right:9px}.privacy-card{border-top:1px solid #34506a;margin-top:16px;padding-top:14px;color:#d6e2eb;line-height:1.45}.image-check{--accent:var(--green);margin-top:13px}.file-picker{min-height:220px;border:2px solid #36556e;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#071a2d,#04111f);padding:22px;box-shadow:inset 0 0 30px rgba(43,168,255,.04)}.file-picker-title{font-family:'Arial Black',Arial,sans-serif;font-size:22px;letter-spacing:.4px}.file-picker-subtitle{color:#d7e4ed;font-size:14px;margin-top:7px}.file-types{color:#9fb2c1;font-size:12px;line-height:1.5;margin:8px auto 16px;max-width:720px}.choose-file-button{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:13px 24px;border:2px solid var(--accent);border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 75%,#001a33),color-mix(in srgb,var(--accent) 52%,#06233b));color:#fff;font-family:'Arial Black',Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}.choose-file-button:hover{filter:brightness(1.13)}.selected-file{display:flex;align-items:center;justify-content:center;gap:10px;width:min(100%,650px);min-height:52px;margin-top:14px;padding:10px 14px;border:2px solid #31536f;border-radius:9px;background:#06172a;color:#eef5fb}.selected-file:empty{display:none}.selected-file strong{display:block;font-size:14px;word-break:break-word}.selected-file small{display:block;color:#9fb2c1;font-size:11px;margin-top:2px}.selected-file-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#ff2b82;color:#fff;font-weight:900}.file-drop{display:none}.meta{display:none}.results-wrap{max-width:1210px}.results-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.check-id{border:2px solid #2d5271;border-radius:9px;padding:10px 13px;font-weight:900;background:#06182b}.results-title{text-align:center;margin:2px 0 20px}.results-title h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:48px;margin:0}.results-title p{color:#d4e0ea;margin:6px 0}.risk-top{display:grid;grid-template-columns:.94fr 1.3fr;gap:17px}.panel{border:2px solid #294b68;border-radius:14px;background:linear-gradient(145deg,#081c31,#041222);padding:20px;box-shadow:var(--shadow)}.panel h2,.panel h3{font-family:'Arial Black',Arial,sans-serif}.panel h2{font-size:20px;margin:0 0 13px}.risk-panel{border-color:#73384e;background:linear-gradient(145deg,#211622,#071221)}.risk-level{font-family:Impact,'Arial Black',Arial,sans-serif;color:var(--red);font-size:55px;line-height:1;margin:8px 0 13px}.risk-summary{line-height:1.55;color:#e5edf4}.confidence{margin-top:14px;border:1px solid #4d6171;border-radius:8px;padding:9px;color:#c7d6e1;font-size:13px}.content-box{white-space:pre-wrap;max-height:340px;overflow:auto;border:1px solid #35516b;border-radius:9px;background:#061527;padding:15px;color:#dfe9f0;line-height:1.55}.result-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:17px;margin-top:17px}.result-grid .panel{min-height:235px}.flags{margin:0;padding-left:22px}.flags li{margin:10px 0;line-height:1.35}.flags li::marker{color:var(--red)}.risk-factors p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid #29445b}.badge{border:2px solid #ff5c45;border-radius:6px;padding:3px 7px;color:#ff705d;font-weight:900}.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:17px}.access-grid .panel{text-align:center;min-height:230px}.big-icon{font-size:38px;margin-bottom:5px}.overall{display:grid;grid-template-columns:1.4fr 1fr;margin-top:17px}.overall .panel:first-child{border-radius:14px 0 0 14px}.overall .panel:last-child{border-left:0;border-radius:0 14px 14px 0}.recommend{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:38px;color:#ff4c4c}.notice{margin-top:17px;border:2px solid #1b4d76;border-radius:12px;background:#04182a;padding:16px;color:#d3e0ea;line-height:1.55;font-size:13px}.legal{max-width:900px}.legal h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:48px}.legal h2{color:var(--blue)}.legal p,.legal li{color:#d4e0ea;line-height:1.65}.legal li{margin:7px 0}
@media(max-width:1000px){.function-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.why-item{border-bottom:1px solid #1a486b}.switch-grid{grid-template-columns:repeat(3,1fr)}.camera-layout,.risk-top{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.access-grid{grid-template-columns:1fr 1fr}.overall{grid-template-columns:1fr}.overall .panel:first-child,.overall .panel:last-child{border-radius:14px;border-left:2px solid #294b68}.overall .panel:last-child{margin-top:17px}}
@media(max-width:650px){body{font-size:16px}.topbar{height:78px;padding:0 14px}.shield{width:43px;height:50px}.brand-name{font-size:25px}.brand-tag{font-size:10px}.mission span{display:none}.mission .mini-shield{width:27px}.container{width:94vw;padding-top:20px}.hero h1{font-size:48px}.hero h2{font-size:23px}.hero p{font-size:16px}.function-grid{grid-template-columns:1fr;gap:13px}.function-card{min-height:170px}.why-grid{grid-template-columns:1fr}.why-item{border-right:0}.switch-grid{grid-template-columns:repeat(2,1fr)}.switch-card small{display:none}.switch-icon{width:36px;height:36px}.page-title h1,.results-title h1{font-size:36px}.camera-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-actions #checkVideo{grid-column:1/-1;width:min(100%,360px)}.camera-actions .wide{grid-column:1/-1}.preview-frame,.preview-frame video,.preview-frame img{min-height:245px}.result-grid,.access-grid{grid-template-columns:1fr}.results-head{align-items:flex-start;flex-direction:column}.risk-level{font-size:48px}.overall .panel:last-child{margin-top:17px}}

.video-player-wrap{width:100%;margin-top:14px;padding:14px;border:1px solid rgba(43,168,255,.45);border-radius:14px;background:rgba(3,18,32,.8);box-sizing:border-box}.video-player-title{font-weight:900;letter-spacing:.08em;color:#2ba8ff;margin-bottom:10px;font-size:.95rem}.video-player-wrap video{width:100%;max-height:430px;display:block;border-radius:10px;background:#000}