:root{--color-navy: #0f1923;--color-cream: #f5f0e8;--color-cream-dark: #e0d5c5;--color-gold: #c9a84c;--color-white: #ffffff;--color-black: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}.btn-primary{width:100%;padding:12px;background-color:transparent;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.btn-primary:hover{background-color:var(--color-gold);color:var(--color-navy)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:5px;color:var(--color-gold);font-size:13px}.input-group input{width:100%;padding:10px;border:none;border-bottom:1px solid var(--color-gold);background:transparent;color:var(--color-cream);font-size:14px;outline:none}.input-group input::placeholder{color:#f5f0e866}.container[data-v-0b98c2c5]{display:flex;flex-direction:column;height:100vh;background-color:#f0f2f5}.bg-cream[data-v-0b98c2c5]{position:absolute;top:0;left:0;width:100%;height:30%;background-color:#e0d5c5}.bg-navy[data-v-0b98c2c5]{position:absolute;bottom:0;left:0;width:100%;height:70%;background-color:#0f1923}.logo[data-v-0b98c2c5]{position:relative;z-index:1;width:520px;padding-top:60px;padding-left:60px;animation:fadeIn-0b98c2c5 1.5s ease-in-out}@media (max-width: 768px){.logo[data-v-0b98c2c5]{width:380px;padding-top:40px;padding-left:30px}}@media (max-width: 480px){.logo[data-v-0b98c2c5]{width:280px;padding-top:30px;padding-left:20px}}@keyframes fadeIn-0b98c2c5{0%{opacity:0}to{opacity:1}}.box-wrapper[data-v-0b98c2c5]{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;flex:1;padding:0 80px 80px 0}.box[data-v-0b98c2c5]{background:transparent;padding:40px;border-radius:10px;width:380px}h2[data-v-0b98c2c5]{text-align:center;margin-bottom:30px;color:#f5f0e8;font-family:Georgia,serif;font-style:italic}label[data-v-0b98c2c5]{display:block;margin-bottom:5px;color:#c9a84c;font-size:13px}input[data-v-0b98c2c5]{width:100%;padding:10px;border:none;border-bottom:1px solid #c9a84c;background:transparent;color:#f5f0e8;font-size:14px;outline:none}input[data-v-0b98c2c5]::placeholder{color:#f5f0e866}button[data-v-0b98c2c5]{width:100%;padding:12px;background-color:transparent;color:#c9a84c;border:1px solid #c9a84c;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}button[data-v-0b98c2c5]:hover{background-color:#c9a84c;color:#0f1923}.switch[data-v-0b98c2c5]{text-align:center;margin-top:15px;color:#f5f0e899;font-size:14px}.switch span[data-v-0b98c2c5]{color:#c9a84c;cursor:pointer;font-weight:700}.switch span[data-v-0b98c2c5]:hover{text-decoration:underline}.main-container[data-v-73effcb4]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--color-navy);color:var(--color-cream)}