.container{width:600px;height:100dvh}.bg-image{background-image:url(/images/background.png);background-size:cover;background-position:50%;background-repeat:no-repeat}@media screen and (max-width:1024px){.container{width:100vw;height:100dvh}}.content{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:81vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:22.5px;border:4.5px solid transparent;border-top-left-radius:90px;border-bottom-right-radius:60px;background:url(/images/background.png) padding-box,linear-gradient(45deg,var(--color-pink),var(--color-blue),var(--color-purple)) border-box;background-size:cover;background-position:50%;background-repeat:no-repeat;padding:70px 25px;color:white;.slogan{font-size:var(--font-size-3xl);font-weight:bolder;color:#fff;text-align:center;margin-top:9px;flex:1 1;display:flex;align-items:center;width:81%}.counter{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:9px;flex:1 1;.time{font-size:var(--font-size-6xl);font-weight:600;color:var(--color-blue)}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13.5px;flex:1 1;p{font-size:var(--font-size-sm);color:#fff}.contact-form{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:5px;border:2px solid white;border-radius:5px;padding:5px;input{outline:none;border:none;background-color:transparent;color:#fff;font-size:var(--font-size-sm);font-weight:700;text-align:center;color:white;width:150px;&::placeholder{color:#ccc;font-size:var(--font-size-sm)}&:disabled{opacity:.6;cursor:not-allowed}}button{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;&:disabled{opacity:.5;cursor:not-allowed}&:hover:not(:disabled){opacity:.8}}}.message{margin-top:10px;padding:8px 12px;border-radius:5px;font-size:var(--font-size-xs);font-weight:500;text-align:center;max-width:100%;word-wrap:break-word;&.success{background-color:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.5);color:#22c55e}&.error{background-color:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);color:#ef4444}}}}@media screen and (max-width:760px){.content{width:81%;height:81vh;gap:18px;padding:72px 18px;position:relative;top:0;left:0;transform:none;margin:4.5vh auto;.slogan{font-size:var(--font-size-xl);margin-top:4.5px}.counter{.time{font-size:var(--font-size-3xl)}}.contact{width:72%;gap:13.5px;p{font-size:var(--font-size-xs)}.contact-form{padding:7.2px;input{width:100px;font-size:var(--font-size-xs);&::placeholder{font-size:var(--font-size-xs)}}}.message{font-size:var(--font-size-xs);padding:6px 10px}}}}@media screen and (max-height:700px){.content{height:81vh;gap:13.5px;padding:72px 13.5px;.slogan{font-size:var(--font-size-lg);margin-top:0}.counter{.time{font-size:var(--font-size-2xl)}}.contact{gap:9px;.contact-form{padding:5.4px}.message{padding:5px 8px;font-size:var(--font-size-xs)}}}}