.letter-card{width:100%;min-height:280px;padding:20px;background:#fff;border:6px solid #000;box-shadow:12px 12px 0 #000;transition:transform .3s,box-shadow .3s;display:flex;justify-content:center;align-items:center;margin:auto;@media screen and (max-width:400px){padding-left:10px;padding-bottom:10px;padding-right:10px;padding-top:10px;min-height:200px}}.letter-card:hover{transform:translate(-5px,-5px);box-shadow:17px 17px 0 #000}.card__title{font-size:32px;font-weight:900;color:#000;text-transform:uppercase;margin-bottom:15px;display:block;position:relative;overflow:hidden;@media screen and (max-width:400px){font-size:24px}}.card__title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#000;transform:translateX(-100%);transition:transform .3s}.letter-card:hover .card__title:after{transform:translateX(0)}.card__content{font-size:16px;line-height:1.4;color:#000;margin-bottom:20px}.input__container{position:relative;background:#f0f0f0;padding:20px;display:flex;justify-content:flex-start;align-items:center;gap:15px;border:4px solid #000;max-width:660px;transition:all .4s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-10deg);perspective:1000px;box-shadow:10px 10px 0 #000;margin:28px auto auto}.input__container:hover{transform:rotateX(5deg) rotateY(1 deg) scale(1.05);box-shadow:25px 25px 0 -5px #ffbc2b,25px 25px 0 0 #000}.shadow__input{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:-1;transform:translateZ(-50px);background:linear-gradient(45deg,hsla(0,100%,71%,.4),hsla(0,100%,71%,.1));filter:blur(20px)}.input__button__shadow{cursor:pointer;border:3px solid #000;background:#ffbc2b;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;justify-content:center;align-items:center;padding:10px;transform:translateZ(20px);position:relative;z-index:3;font-weight:700;text-transform:uppercase}.input__button__shadow:hover{background:#ffbc2b;transform:translateZ(10px) translateX(-5px) translateY(-5px);box-shadow:5px 5px 0 0 #000}.input__button__shadow svg{fill:#000;width:25px;height:25px}.input__search{width:100%;outline:none;border:3px solid #000;padding:15px;font-size:18px;background:#fff;color:#000;transform:translateZ(10px);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;z-index:3;font-family:Roboto,Arial,sans-serif;letter-spacing:-.5px}.input__search::placeholder{color:#666;font-weight:700;text-transform:uppercase}.input__search:focus,.input__search:hover{background:#f0f0f0;transform:translateZ(20px) translateX(-5px) translateY(-5px);box-shadow:5px 5px 0 0 #000}.input__container:before{content:"유튜뷰 YoutuView";position:absolute;top:-15px;left:20px;background:#ffbc2b;color:#000;font-weight:700;padding:5px 10px;font-size:14px;transform:translateZ(50px);z-index:4;border:2px solid #000}@media screen and (max-width:760px){.input__container{scale:.9;margin-top:23px;scale:.85}}@media screen and (max-width:360px){.input__container{scale:.8;margin-top:18px}}.go-home-button{--brand-color:#175fb8;height:40px;background-color:var(--brand-color);box-shadow:6px 6px #000;font-size:17px;font-weight:600;color:#fff;cursor:pointer;border:5px solid #000;margin-bottom:2rem;margin-top:3rem;@media screen and (max-width:400px){margin-top:1.5rem;margin-bottom:1rem}}.go-home-button:active{box-shadow:0 0 #000;transform:translate(3px,3px)}.popular-card{width:100%;padding:30px;background:#fff;border:8px solid #000;box-shadow:15px 15px 0 #000;position:relative;overflow:hidden;@media screen and (max-width:400px){padding-left:14px;padding-bottom:14px;padding-right:14px;padding-top:14px}}.popular-card__title{font-size:24px;font-weight:700;color:#000;text-transform:uppercase;margin-bottom:10px;display:block;border-bottom:2px solid #000}.popular-card__subtitle{font-size:16px;line-height:1.4;color:#333;margin-bottom:20px;padding-bottom:10px}.popular-card__form{display:flex;flex-direction:column;gap:20px}.popular-card__form input{padding:12px;border:4px solid #000;font-size:16px;font-family:Proxima Nova,sans-serif;transition:all .3s ease;background-color:#fff}.popular-card__form input:focus{outline:none;transform:scale(1.05)}.sign-up{border:4px solid #000;background:#000;color:#fff;padding:12px;font-size:18px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.sign-up:hover{background:#fff;color:#000;transform:translateY(-5px);box-shadow:0 5px 0 #000}.skeleton-placeholder{width:100%;background-color:#f0f0f0;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-title{height:32px;margin-bottom:10px}.skeleton-box,.skeleton-button,.skeleton-thumbnail{background-color:#f0f0f0}
/*# sourceMappingURL=63acf39e38c5b242.css.map*/