:root{--color-primary: #fbea74;--color-secondary: #52D3D8;--color-accent: #3887BE;--color-back: #0C134F;--color-black: #02072c;--color-yellow: #fffb16ce;--input-font-size: 22px}body{font-family:Google Sans Flex,sans-serif;overflow-x:hidden;background-color:var(--color-back);color:var(--color-primary);font-size:20px;min-height:100dvh;background-image:url(/background.webp);background-position:center bottom;background-repeat:no-repeat;background-size:cover}.font-th{font-family:Prompt,sans-serif}.font-en{font-family:Google Sans Flex,sans-serif}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-accent{color:var(--color-accent)}.color-black{color:var(--color-black)}.color-yellow{color:var(--color-yellow)}.glass-panel{background:#ffffff8c;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.scrollbar-light{scroll-behavior:smooth}.scrollbar-light::-webkit-scrollbar{visibility:hidden;-webkit-appearance:none;width:5px}.scrollbar-light::-webkit-scrollbar-track{border-radius:8px;background-color:#0006}.scrollbar-light::-webkit-scrollbar-thumb{border-radius:8px;background-color:#000c}.scrollbar-light:focus::-webkit-scrollbar,.scrollbar-light:focus::-webkit-scrollbar-thumb{visibility:visible}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up-center{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}.alert-warning{background-color:#650303}.spinner-border{height:1.3rem;width:1.3rem}.form-floating>label{letter-spacing:.1rem;font-weight:600;font-size:20px;padding:1.2rem .75rem;color:var(--color-primary)}.form-floating>.form-select,.form-floating>.form-control{font-size:var(--input-font-size);border:#fbea79 2px solid}.form-floating>.form-select{padding-top:1.2em;padding-bottom:0;height:76px}.form-floating>.form-control{padding-top:2.3em!important;padding-bottom:.8em!important}.btn-group{background-color:#000c20;border:#d89a2f 2px solid;border-radius:10px}.btn-group .btn-check:checked+.btn,.btn-group .btn.active,.btn-group .btn.show,.btn-group .btn:first-child:active,.btn-group :not(.btn-check)+.btn:active{border:#edda78 1px solid;background:linear-gradient(90deg,#2c1c00,#502205)}.btn-group label{display:flex;align-items:center;justify-content:center}.btn-group img{height:1.2em;margin-right:5px}.btn-secondary{display:inline-block;padding:12px 30px;font-weight:600;color:#fff;text-decoration:none;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:linear-gradient(#012d83e6,#010837e6) padding-box,linear-gradient(135deg,#fbea79,#b89356) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.btn-secondary:hover{background:linear-gradient(#010837e6,#012d83e6) padding-box,linear-gradient(135deg,#b89356,#fbea79) border-box;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff4d;letter-spacing:1px}.btn-secondary:active{transform:translateY(0)}.btn-info{display:inline-block;padding:12px 30px;font-weight:600;color:#fff;text-decoration:none;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:linear-gradient(#012d83e6,#010837e6) padding-box,linear-gradient(135deg,#fbea79,#b89356) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.btn-info:hover{background:linear-gradient(#010837e6,#012d83e6) padding-box,linear-gradient(135deg,#b89356,#fbea79) border-box;transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px #00d4ff4d;letter-spacing:1px}.btn-info:active{transform:translateY(0)}.btn-accent{display:inline-block;padding:12px 30px;font-weight:600;color:#fff;text-decoration:none;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:linear-gradient(#012d83b3,#010837b3) padding-box,linear-gradient(135deg,#fbea79,#b89356) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.btn-accent:hover{background:linear-gradient(#010837e6,#012d83e6) padding-box,linear-gradient(135deg,#b89356,#fbea79) border-box;transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px #00d4ff4d;letter-spacing:1px}.btn-accent:active{transform:translateY(0)}.desktop-template-container{max-width:800px;width:100%}.desktop-template-container .glass-panel{padding:.75rem;background:#00041273;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000004d}.desktop-template-container .glass-panel:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(90deg,#f2d585,#d6aa53,#fef1ab);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.desktop-template-container .glass-title{font-weight:500;background:linear-gradient(to bottom,#fbea79,#b89356);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.desktop-template-container .svg-icon{fill:#fbea74}.desktop-template-container .content .panel-container{width:100%;margin:3rem auto}.desktop-template-container .content .panel-container .form-floating{margin-bottom:1.5rem}.desktop-template-container .content .panel-container .qrcode-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.desktop-template-container .content .panel-container .mobile-iframe{width:100%;height:70vh;border:none;overflow-y:auto}.desktop-template-container .guide-container{margin-bottom:1.5rem}.desktop-template-container .guide-container svg{fill:var(--color-primary)}.desktop-template-container .guide-container ul li{margin-bottom:.5rem}.glow-btn{width:100%;min-height:72px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;font-size:2em;cursor:pointer;font-weight:600;text-decoration:none;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;transition:transform .3s ease;z-index:1}.glow-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,#b57024,#fefee9,transparent 30%);animation:rotate-glow 2s linear infinite;z-index:-2}.glow-btn:after{content:"";position:absolute;inset:4px;background:linear-gradient(#fadc86,#92571b) padding-box;border-radius:10px;z-index:-1}.glow-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #6e8efb99}.glow-btn:hover:after{background:#b57024}.glow-btn2{width:100%;min-height:72px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;font-size:2em;cursor:pointer;font-weight:600;text-decoration:none;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;transition:transform .3s ease;z-index:1}.glow-btn2:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,#fffb00,#fafae9,transparent 30%);animation:rotate-glow 2s linear infinite;z-index:-2}.glow-btn2:after{content:"";position:absolute;inset:4px;background:linear-gradient(#fadc86,#92571b) padding-box;border-radius:10px;z-index:-1}.glow-btn2:hover{transform:scale(1.05);box-shadow:0 0 20px #6e8efb99}.glow-btn2:hover:after{background:#b57024}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}