body,html{margin:0;padding:0;width:100%;height:100%}body{background:url(/img/background.f2ef3e6e.gif) no-repeat top;background-size:cover;background-attachment:fixed}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.esim-container{align-items:center;position:relative}@media screen and (max-width:768px){html{height:-webkit-fill-available}body{background-attachment:scroll;background-position:top;-webkit-overflow-scrolling:touch}#app,body{min-height:100vh;min-height:-webkit-fill-available}#app{display:block}.esim-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto}.esim-container,.esim-form-box{padding:16px;box-sizing:border-box}.esim-form-box{width:100%;margin:16px 0;border-radius:12px;background-color:hsla(0,0%,100%,.92);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative}}@supports (-webkit-touch-callout:none){@media screen and (max-width:768px){.esim-container{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}}@media screen and (max-width:768px) and (max-height:700px){.esim-container{padding-top:8px;padding-bottom:8px}.esim-form-box{margin:8px 0}.form-group{margin-bottom:12px}}.esim-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8vh}.esim-form-box{background:hsla(0,0%,100%,.98);border-radius:25px;box-shadow:0 10px 30px rgba(255,182,193,.25);border:3px solid rgba(255,182,193,.3);overflow:hidden;padding:20px;width:450px}form{text-align:left}.form-group{margin-bottom:12px}label{display:block;margin-bottom:4px;font-weight:600;color:#ff6b8b;font-size:13px;letter-spacing:.5px}input,label{transition:all .3s ease}input{width:100%;padding:8px 12px;border:2px solid rgba(255,182,193,.3);background-color:hsla(0,0%,100%,.8);border-radius:15px;font-size:14px;box-sizing:border-box}input:focus{border-color:#ff6b8b;background-color:hsla(0,0%,100%,.95);outline:none;box-shadow:0 0 12px rgba(255,107,139,.3);transform:translateY(-2px)}.error-message{color:#ff4d6d;font-size:13px;display:block;margin-top:5px;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.submit-btn{background:linear-gradient(45deg,#ff6b8b,#ff9eb5);color:#fff;padding:10px 15px;border:none;border-radius:18px;cursor:pointer;font-size:16px;font-weight:700;width:100%;margin-top:10px;transition:all .3s ease;box-shadow:0 4px 10px rgba(255,107,139,.3)}.submit-btn:hover{background:linear-gradient(45deg,#ff5c7f,#ff8fa8);transform:translateY(-3px) scale(1.02);box-shadow:0 7px 15px rgba(255,107,139,.4)}.submit-btn:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(255,107,139,.4)}.notice{margin-top:15px;text-align:left;padding:12px;background:rgba(255,182,193,.1);border-radius:15px;border:2px solid rgba(255,182,193,.2);transition:all .3s ease}.notice h3{color:#ff6b8b;margin-top:0;margin-bottom:8px;font-size:15px;font-weight:700;letter-spacing:1px}.notice p{margin:6px 0;font-size:12px;line-height:1.4;position:relative;padding-left:5px;transition:transform .2s ease}.notice p:hover{transform:translateX(3px)}@media screen and (max-height:700px){.esim-form-box{padding:15px;max-height:90vh}.form-group{margin-bottom:8px}.notice p{margin:4px 0;font-size:12px}label{font-size:13px;margin-bottom:3px}input{padding:6px 8px;font-size:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.esim-form-box{animation:fadeInUp .8s ease-out forwards,float 6s ease-in-out infinite;animation-delay:.2s;opacity:0}.form-group{animation:fadeInUp .5s ease-out forwards;opacity:0}.form-group:first-child{animation-delay:.4s}.form-group:nth-child(2){animation-delay:.5s}.form-group:nth-child(3){animation-delay:.6s}.form-group:nth-child(4){animation-delay:.7s}.form-group:nth-child(5){animation-delay:.8s}.submit-btn{animation:fadeInUp .5s ease-out forwards;animation-delay:.9s;opacity:0;position:relative;overflow:hidden}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));transform:rotate(30deg);animation:shineEffect 4s infinite}@keyframes shineEffect{0%{left:-150%}20%{left:100%}to{left:100%}}.notice{animation:fadeInUp .5s ease-out forwards;animation-delay:1s;opacity:0}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-bubble{position:absolute;border-radius:50%;background:linear-gradient(45deg,hsla(0,0%,100%,.2),rgba(255,182,193,.3));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 2px 10px rgba(255,182,193,.2);animation:float-random 12s ease-in-out infinite}.bubble1{width:80px;height:80px;left:10%;top:20%;animation-duration:15s}.bubble2{width:40px;height:40px;right:15%;top:30%;animation-duration:18s;animation-delay:1s}.bubble3{width:60px;height:60px;left:20%;bottom:25%;animation-duration:16s;animation-delay:2s}.bubble4{width:30px;height:30px;right:25%;bottom:15%;animation-duration:12s;animation-delay:3s}.bubble5{display:none}@keyframes float-random{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(10px) translateX(20px)}75%{transform:translateY(15px) translateX(-10px)}}.floating-element{position:absolute;pointer-events:none;animation:float-rotate 15s ease-in-out infinite}.plane{width:40px;height:40px;right:10%;top:30%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff6b8b"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"/></svg>') no-repeat 50%;animation:random-flight 30s ease-in-out infinite;transform-origin:center center}.star1,.star2,.star3{width:20px;height:20px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffcc80"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') no-repeat 50%}.star1{left:15%;top:40%;animation-duration:20s}.star2{right:20%;bottom:30%;animation-duration:22s;animation-delay:2s}.star3{left:30%;bottom:20%;animation-duration:18s;animation-delay:4s}@keyframes float-rotate{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(30px) rotate(-5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes random-flight{0%{transform:translate(0) rotate(0deg)}10%{transform:translate(-100px,-50px) rotate(-15deg)}20%{transform:translate(-150px,70px) rotate(10deg)}30%{transform:translate(-50px,120px) rotate(25deg)}40%{transform:translate(100px,50px) rotate(-5deg)}50%{transform:translate(150px,-80px) rotate(-20deg)}60%{transform:translate(80px,-150px) rotate(15deg)}70%{transform:translate(-60px,-100px) rotate(30deg)}80%{transform:translate(-120px,20px) rotate(-10deg)}90%{transform:translate(30px,100px) rotate(5deg)}to{transform:translate(0) rotate(0deg)}}.form-group{position:relative}.input-focus-effect{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#ff6b8b,#ff9eb5);transition:width .4s ease}.form-group input:focus+.input-focus-effect{width:100%}.esim-form-box{position:relative;z-index:2}*{animation-fill-mode:both}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.submit-btn:disabled{background:linear-gradient(45deg,#cbcbcb,#e2e2e2);cursor:not-allowed;box-shadow:none}.submit-btn:disabled:hover{transform:none;box-shadow:none}@media screen and (max-width:768px){.esim-container{padding-bottom:0;align-items:center}.esim-form-box{width:90%;margin-top:80px;padding:15px}.form-group{margin-bottom:12px}label{font-size:14px}input{padding:12px;font-size:16px}.submit-btn{padding:14px;font-size:16px;margin-top:15px}.notice{padding:10px;margin-top:12px}.notice h3{font-size:14px}.notice p{font-size:13px;line-height:1.5;margin:8px 0}}@media screen and (max-width:320px){.esim-form-box{width:95%;padding:12px}input{padding:10px}.notice p{font-size:12px}}@media screen and (max-height:500px){.esim-container{align-items:flex-start;padding-top:10px}.esim-form-box{max-height:95vh}}@media screen and (max-width:768px){.floating-bubble{display:none}.floating-element{transform:scale(.7)}body{background-size:cover;background-position:50%}}@media screen and (min-width:768px) and (max-width:1024px){.esim-container{padding:20px 15px}.esim-form-box{width:85%;max-width:700px;padding:25px;margin:15px auto}form{display:flex;flex-direction:column;align-items:center}.form-group{margin-bottom:20px;width:100%}label{margin-bottom:8px}input,label{font-size:16px}input{padding:14px;width:100%}.submit-btn{padding:16px;font-size:18px;width:60%;max-width:400px;margin:25px auto;display:block}.notice{padding:20px;margin-top:20px;width:100%}}@media screen and (min-width:1024px) and (max-width:1366px){.esim-container{padding:30px 20px}.esim-form-box{width:75%;max-width:900px;padding:30px}.form-group{margin-bottom:25px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.submit-btn{width:60%;max-width:500px;margin:30px auto;display:block}}@media screen and (min-width:768px) and (max-width:1366px){.floating-element{transform:scale(.85)}.floating-bubble{opacity:.8}.submit-btn,input,select{cursor:pointer;-webkit-tap-highlight-color:transparent}.esim-form-box{-webkit-overflow-scrolling:touch;overflow-y:auto}}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,192,203,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-content{background:hsla(0,0%,100%,.95);padding:30px;border-radius:25px;max-width:90%;width:400px;box-shadow:0 10px 30px rgba(255,182,193,.3);border:3px solid rgba(255,182,193,.5);animation:modalFadeIn .6s cubic-bezier(.68,-.55,.265,1.55)}.confirm-content h3{color:#ff6b8b;margin:0 0 20px 0;text-align:center;font-size:20px;font-weight:700;letter-spacing:1px}.confirm-items{margin-bottom:20px}.confirm-items p{margin:12px 0;font-size:15px;line-height:1.6;color:#666;padding:8px 15px;background:rgba(255,182,193,.1);border-radius:12px;transition:all .3s ease}.confirm-items p:hover{background:rgba(255,182,193,.2);transform:translateX(5px)}.confirm-btn{background:linear-gradient(45deg,#ff6b8b,#ff9eb5);color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 5px 15px rgba(255,107,139,.3);margin-top:20px}.confirm-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,139,.4);background:linear-gradient(45deg,#ff5c7f,#ff8fa8)}@media screen and (max-width:768px){.confirm-content{padding:25px;margin:15px}.confirm-items p{font-size:14px;padding:6px 12px}.notice{padding:15px}.notice p{font-size:13px;margin:8px 0}.form-group label{display:none}.form-group input{margin-top:0}}@media screen and (max-width:768px){.form-group input::-moz-placeholder{color:#666;font-size:14px}.form-group input::placeholder{color:#666;font-size:14px}}@media screen and (max-width:768px){.esim-form-box{width:90%;margin-top:180px;padding:15px}.form-group{margin-bottom:8px}.form-group input{padding:8px 12px;font-size:14px;height:40px}.notice{margin-top:10px;padding:12px}.notice h3{margin-bottom:8px;font-size:15px}.notice p{margin:5px 0;font-size:13px;line-height:1.4}button[type=submit]{margin-top:10px;padding:10px 20px;height:40px}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}