*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gate-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#f8f8f8}.gate-card{background:#fff;border-radius:12px;box-shadow:0 4px 32px #0000001a;padding:48px 40px 40px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.gate-logo{width:200px;height:auto;object-fit:contain}.gate-subtitle{color:#666;font-size:14px;text-align:center;letter-spacing:.01em}.gate-form{width:100%;display:flex;flex-direction:column;gap:12px}.gate-input{width:100%;padding:12px 16px;border:1.5px solid #ddd;border-radius:8px;font-size:16px;letter-spacing:.12em;outline:none;transition:border-color .2s;background:#fafafa;text-align:center}.gate-input:focus{border-color:#c00;background:#fff}.gate-input--error{border-color:#c00!important;background:#fff5f5!important}.gate-error{font-size:13px;color:#c00;text-align:center}.gate-btn{width:100%;padding:13px;background:#c00;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .2s,transform .1s}.gate-btn:hover{background:#a00}.gate-btn:active{transform:scale(.98)}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.shake{animation:shake .6s ease}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 16px 48px;gap:32px}.header{display:flex;justify-content:center;width:100%}.logo{width:100%;max-width:260px;height:auto;object-fit:contain}.main{width:100%;max-width:960px}.video{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 4px 24px #0000001f;background:#000}@media(max-width:600px){.gate-card{padding:36px 24px 32px}.gate-logo{width:160px}.page{padding:28px 12px 36px;gap:24px}.logo{max-width:180px}}