body{background:#fff}
header{min-height:92px;height:auto;background:#fffffff2}
.brand{gap:12px;font-size:23px}.brand img{width:64px;height:64px;transform:scale(1.9);margin:0 14px}
.login-link{color:var(--purple);border-bottom:2px solid transparent}.login-link:hover{border-color:var(--orange)}
.video-section{max-width:1180px;margin:0 auto;padding:40px 24px 110px;display:grid;grid-template-columns:.75fr 1.25fr;gap:54px;align-items:center}
.video-copy h2{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-.04em;color:var(--purple);margin:15px 0}.video-copy p{font-size:18px;color:var(--muted)}
.video-carousel{position:relative;min-width:0;max-width:520px;margin:auto}.video-frame{position:relative;width:min(430px,100%);aspect-ratio:9/16;margin:auto;background:#fff;border:1px solid #e8e1eb;border-radius:30px;padding:0;box-shadow:0 28px 70px #3d16472a;overflow:hidden}.video-slide{display:none;width:100%;height:100%}.video-slide.active{display:block}.video-frame video{display:block;width:100%;height:100%;border-radius:29px;background:transparent;object-fit:cover;object-position:center}.carousel-arrow{position:absolute;top:50%;width:48px;height:48px;border:0;border-radius:50%;background:#fffffff0;color:var(--purple);font-size:36px;line-height:1;box-shadow:0 8px 24px #30103926;cursor:pointer;transform:translateY(-50%);z-index:2}.carousel-arrow:hover{background:#fff;color:var(--orange)}.carousel-arrow.previous{left:0}.carousel-arrow.next{right:0}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:18px}.carousel-dots button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#d8ccd9;cursor:pointer}.carousel-dots button.active{width:30px;border-radius:999px;background:var(--orange)}.carousel-status{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.carousel-status span{padding:8px 12px;border-radius:999px;background:#f8f3f9;color:var(--purple);font-size:13px;font-weight:800}
@media(max-width:900px){.video-section{grid-template-columns:1fr;padding-bottom:80px}.login-link{padding-top:8px}.brand img{width:58px;height:58px}}
@media(max-width:560px){header{min-height:82px}.brand{font-size:20px}.brand img{width:50px;height:50px;transform:scale(1.75);margin:0 10px}.video-section{padding:20px 20px 70px;gap:24px}.video-frame{border-radius:20px}.video-frame video{border-radius:19px}.carousel-arrow{width:42px;height:42px;font-size:30px}.carousel-arrow.previous{left:9px}.carousel-arrow.next{right:9px}}
.verify-form{margin:42px 0;padding:28px;border:1px solid #e8e1eb;border-radius:24px;background:#fff;box-shadow:0 18px 55px #38124312}.verify-form label{display:block;font-weight:900;color:var(--purple);margin-bottom:10px}.verify-form>div{display:flex;gap:10px}.verify-form input{flex:1;min-width:0;padding:15px 17px;border:1px solid #cfc5d3;border-radius:14px;font:inherit}.verify-form input:focus{outline:3px solid #ff780033;border-color:var(--orange)}.verify-result{min-height:28px;margin:0 0 32px;padding:18px 20px;border-radius:16px}.verify-result:empty{display:none}.verify-result.valid{background:#e9f8ef;color:#17653b}.verify-result.invalid{background:#fff0ee;color:#9f281c}.verify-result.loading{background:#f5eff8;color:var(--purple)}@media(max-width:560px){.verify-form>div{flex-direction:column}}