:root{--primary-blue: #1B3A6B;--secondary-blue: #2E5BA0;--accent-orange: #F5A623;--accent-gold: #FFD700;--light-blue: #87CEEB;--bg-light-blue: #E8F4FD;--white: #FFFFFF;--text-dark: #1B3A6B;--text-orange: #F5A623;--border-light-blue: #B8D8F0;--card-shadow: 0 4px 16px rgba(27, 58, 107, .1);--button-shadow: 0 4px 12px rgba(245, 166, 35, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,#d6eeff,#eaf5ff 30%,#fff);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;max-width:430px;margin:0 auto;position:relative;overflow:hidden;background:linear-gradient(180deg,#d6eeff,#eaf5ff 30%,#fff)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light-blue);border-radius:4px}.btn-golden{background:linear-gradient(135deg,gold,#f5a623,#e8961e);color:var(--white);border:none;border-radius:30px;padding:14px 40px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:1px;box-shadow:var(--button-shadow);transition:all .3s ease;text-transform:uppercase;width:100%;max-width:300px;display:block;margin:0 auto}.btn-golden:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a62380}.btn-golden:active{transform:translateY(0)}.btn-golden:disabled{opacity:.7;cursor:not-allowed;transform:none}.card{background:var(--white);border-radius:16px;border:1.5px solid var(--border-light-blue);padding:20px;box-shadow:var(--card-shadow)}.input-field{width:100%;padding:12px 16px;border:1.5px solid var(--border-light-blue);border-radius:12px;font-size:15px;font-family:inherit;color:var(--text-dark);background:var(--white);outline:none;transition:border-color .3s ease}.input-field:focus{border-color:var(--secondary-blue);box-shadow:0 0 0 3px #2e5ba01a}.input-field::placeholder{color:#a0b4cc}.select-field{width:100%;padding:12px 40px 12px 16px;border:1.5px solid var(--border-light-blue);border-radius:12px;font-size:15px;font-family:inherit;color:var(--text-dark);background:var(--white);outline:none;transition:border-color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231B3A6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.select-field:focus{border-color:var(--secondary-blue);box-shadow:0 0 0 3px #2e5ba01a}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--white);border-radius:20px;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;position:relative;border:2px solid var(--border-light-blue);box-shadow:0 20px 60px #1b3a6b4d}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:2px solid var(--primary-blue);background:var(--white);color:var(--primary-blue);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close:hover{background:var(--primary-blue);color:var(--white)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translateY(20px);opacity:0}.slide-leave-to{transform:translateY(-20px);opacity:0}