*{box-sizing:border-box;margin:0;padding:0}
body{background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
.cdc-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:8px 16px;text-align:center;font-size:11px;color:rgba(255,255,255,0.8);letter-spacing:0.05em;font-family:system-ui,sans-serif}

.cdc-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;padding-top:36px;background:#000}
.cdc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cdc-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;max-width:1100px;margin:0 auto;margin-top:380px}
.cdc-content h1{font-family:'YDYoonche L','YDYoonche M',sans-serif;font-size:clamp(2.2rem,7vw,6.5rem);color:#fff;font-weight:300;letter-spacing:-0.01em;line-height:1.1}
.cdc-grad{display:block;background:linear-gradient(90deg,#666 0%,#d0d0d0 50%,#666 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin-bottom:-0.22em}
.cdc-mix{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;color:#fff}
.cdc-muted{color:#999}
.cdc-plus{color:#999;position:relative;top:0.15em;margin-left:0.25em}
.cdc-vidicon{display:inline-block;border-radius:50%;overflow:hidden;width:clamp(48px,10vw,110px);height:clamp(48px,10vw,110px);flex-shrink:0;align-self:center}
.cdc-vidicon video{width:100%;height:100%;object-fit:cover;display:block}
.cdc-content p{margin-top:16px;max-width:36rem;text-align:center;padding:0 8px;font-size:clamp(0.95rem,2.2vw,1.2rem);color:#ccc;line-height:1.4;font-family:system-ui,sans-serif}
.cdc-cta{margin-top:24px;padding:12px 28px;background:#000;box-shadow:0 6px 24px 6px rgba(39,243,169,0.15);border-radius:8px;outline:1px solid #30463C;outline-offset:-1px;border:none;cursor:pointer;color:#fff;font-size:14px;font-weight:400;transition:all .3s;font-family:system-ui,sans-serif}
.cdc-cta:hover{transform:scale(1.03);box-shadow:0 6px 32px 8px rgba(39,243,169,0.22)}
.cdc-cta:active{transform:scale(0.98)}