:root{--green:#173c38;--cream:#f7eedc;--gold:#aa8550;--ink:#503a2a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#fffaf0 0%,#f7eedc 55%,#ede0c9 100%);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.top{background:var(--green);color:#f8efdc;text-align:center;padding:16px 22px;box-shadow:0 6px 25px #173c3825}.top small{display:block;letter-spacing:.23em;text-transform:uppercase;font:11px system-ui,sans-serif;color:#dfc69b}.top strong{display:block;font-size:clamp(17px,2.4vw,27px);font-weight:normal;margin-top:6px}.wrap{max-width:1100px;margin:auto;padding:40px 22px 45px}.eyebrow{text-align:center;font:12px system-ui,sans-serif;letter-spacing:.25em;color:#8e724e;text-transform:uppercase}h1{text-align:center;font-size:clamp(30px,5vw,52px);font-weight:normal;margin:8px 0}.sub{text-align:center;font:14px/1.6 system-ui,sans-serif;color:#786956;margin:0 0 30px}.video-card{overflow:hidden;border:1px solid #d7c5a5;border-radius:22px;background:#fff9ee;box-shadow:0 18px 50px #60421e1c;animation:enter .7s ease both}.video-frame{position:relative;background:#0b201d;aspect-ratio:16/9;overflow:hidden}.video-frame video{display:block;width:100%;height:100%;object-fit:contain}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:linear-gradient(180deg,#081a1826,#081a1866);color:white;transition:opacity .45s,visibility .45s;pointer-events:none}.overlay.hidden{opacity:0;visibility:hidden}.tag{position:absolute;top:25px;left:25px;text-transform:uppercase;letter-spacing:.2em;font:11px system-ui,sans-serif;color:#f5ddae}.play-button{pointer-events:auto;width:90px;height:90px;border:2px solid #fff9e8;border-radius:50%;background:#173c38dd;color:white;font-size:30px;cursor:pointer;box-shadow:0 0 0 12px #ffffff24;transition:transform .2s,background .2s}.play-button:hover{transform:scale(1.1);background:#2c6259}.overlay-caption{font:13px system-ui,sans-serif;letter-spacing:.1em}.video-info{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 35px}.label{font:11px system-ui,sans-serif;letter-spacing:.2em;color:var(--gold)}.video-info h2{font-weight:normal;font-size:clamp(24px,3vw,33px);margin:7px 0}.video-info p,.test-section p{font:14px/1.6 system-ui,sans-serif;color:#786956;margin:0}.rule{width:80px;height:2px;background:var(--gold)}.test-section{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding:23px 28px;border:1px solid #d7c5a5;border-radius:15px}.test-section h3{font-size:19px;font-weight:normal;margin:0 0 6px}.upload-button{flex-shrink:0;display:inline-block;background:var(--green);color:#fff9e9;padding:13px 20px;border-radius:50px;cursor:pointer;font:13px system-ui,sans-serif}.upload-button:hover{background:#2c6259}#videoFile{position:absolute;width:1px;height:1px;opacity:0}.back{text-align:center;margin:28px 0 0;font:14px system-ui,sans-serif}.back a{color:var(--green)}footer{text-align:center;font:12px/1.6 system-ui,sans-serif;color:#8b785d;padding:20px}button:focus-visible,a:focus-visible,.upload-button:focus-within{outline:3px solid #c79a50;outline-offset:4px}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.wrap{padding:26px 14px}.video-card{border-radius:14px}.video-info{padding:20px;display:block}.rule{margin-top:18px}.test-section{flex-direction:column;align-items:flex-start;padding:20px}.upload-button{width:100%;text-align:center}.play-button{width:68px;height:68px;font-size:24px}.tag{top:12px;left:12px;font-size:9px}.overlay-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}