.banner[data-v-1a2884f9]{--num-size:18px;--title-size:8px;--line-thickness:2px;--v-line-height:12px;--plusline-height:18px;--content-ml:12px;align-items:flex-start;display:flex;opacity:0;transition:opacity .5s ease}@media (min-width:768px){.banner[data-v-1a2884f9]{--num-size:33px;--title-size:14px;--line-thickness:2px;--v-line-height:14px;--plusline-height:20px;--content-ml:15px}}@media (min-width:1024px){.banner[data-v-1a2884f9]{--num-size:2.5vw;--title-size:1.25vw;--line-thickness:.156vw;--v-line-height:.83vw;--plusline-height:2.1vw;--content-ml:1vw}}.banner.play[data-v-1a2884f9]{opacity:1}.num[data-v-1a2884f9]{color:transparent;flex-shrink:0;font-size:var(--num-size);font-weight:800;line-height:1;opacity:0;transform:translateY(40px)}.banner.play .num[data-v-1a2884f9]{animation:numRise-1a2884f9 1s cubic-bezier(.2,.9,.2,1.02) forwards}.content-wrapper[data-v-1a2884f9]{display:flex;flex-direction:column;margin-left:var(--content-ml)}.title[data-v-1a2884f9]{color:#4e4e4e;font-size:var(--title-size);font-weight:800;line-height:1;opacity:0;transform:translateY(20px);white-space:nowrap}.banner.play .title[data-v-1a2884f9]{animation:titleRise-1a2884f9 .5s cubic-bezier(.2,.9,.2,1.02) .5s forwards}.plusline[data-v-1a2884f9]{height:var(--plusline-height);position:relative;width:100%}.pivot[data-v-1a2884f9]{transform:translateY(-50%)}.pivot[data-v-1a2884f9],.v1[data-v-1a2884f9],.v2[data-v-1a2884f9]{left:0;position:absolute;top:50%}.v1[data-v-1a2884f9],.v2[data-v-1a2884f9]{background:#ccf58a;box-shadow:0 0 10px #8cdc3c59;height:var(--v-line-height);margin-top:calc(var(--v-line-height)/-2);width:var(--line-thickness)}.v1[data-v-1a2884f9]{transform:scaleY(0);transform-origin:center bottom}.v2[data-v-1a2884f9]{opacity:0;transform:rotate(-180deg)}.hGrow[data-v-1a2884f9]{background:#ccf58a;box-shadow:0 2px 10px #8cdc3c59;height:var(--line-thickness);left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.banner.play .v1[data-v-1a2884f9]{animation:v1Grow-1a2884f9 .4s ease-out 1s forwards}.banner.play .v2[data-v-1a2884f9]{animation:v2Rotate-1a2884f9 .1s linear 1.4s forwards}.banner.play .hGrow[data-v-1a2884f9]{animation:show-1a2884f9 .01s linear 1.5s forwards,grow-1a2884f9 .6s ease-in-out 1.51s forwards}@keyframes numRise-1a2884f9{to{color:#00000090;opacity:1;transform:translateY(0)}}@keyframes titleRise-1a2884f9{to{color:#00000090;opacity:1;transform:translateY(0)}}@keyframes v1Grow-1a2884f9{to{transform:scaleY(1)}}@keyframes v2Rotate-1a2884f9{0%{opacity:0;transform:rotate(-180deg)}to{opacity:1;transform:rotate(-90deg)}}@keyframes show-1a2884f9{to{opacity:1}}@keyframes grow-1a2884f9{to{width:100%}}.glass-box[data-v-1d4ab9ec]{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:1px solid hsla(0,0%,100%,.4);border-radius:3rem 3rem 0 0;box-shadow:0 10px 45px #00000026;padding:2rem;position:relative;width:100%}@media (min-width:1024px){.glass-box[data-v-1d4ab9ec]{padding:4rem}}.form-grid[data-v-1d4ab9ec]{display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.my-form h1[data-v-1d4ab9ec]{color:#333;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:600;margin-bottom:clamp(1.3rem,3vw,3rem);text-align:center}.input-group label[data-v-1d4ab9ec]{color:#888;display:block;font-size:1rem;font-weight:500;margin-bottom:clamp(3px,.8vw,8px)}.input-group input[data-v-1d4ab9ec],.input-group textarea[data-v-1d4ab9ec]{background:#e9e9e9;border:1px solid transparent;border-radius:12px;outline:none;padding:clamp(8px,1.5vw,16px) clamp(10px,2vw,20px);transition:all .3s ease;width:100%}.input-group input[data-v-1d4ab9ec]:focus,.input-group textarea[data-v-1d4ab9ec]:focus{background:#fff;border-color:#80ba41;box-shadow:0 0 12px #80ba4133}.submit-action-btn[data-v-1d4ab9ec]{border-radius:9999px;font-size:1.125rem;font-weight:600;line-height:1.75rem;padding:1rem 3rem;--tw-text-opacity:1;background:linear-gradient(90deg,#80ba41,#a5d766);color:rgb(255 255 255/var(--tw-text-opacity,1));transition:all .3s ease}.submit-action-btn[data-v-1d4ab9ec]:hover{box-shadow:0 8px 20px #80ba414d;transform:translateY(-2px)}.input-group.required label[data-v-1d4ab9ec]:after{color:#ff4d4f;content:" *"}
