#app{padding:0}:root{--si-red:#ef3340;--si-red-hover:#d6202d;--black:#000;--white:#fff;--gray-light:#e5e7eb;--gray-text:#1f2937}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--white);color:var(--black);-webkit-font-smoothing:antialiased}.main-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}@media (min-width:1024px){.main-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hero-section{width:100%;height:30rem;position:relative;-ms-flex-negative:0;flex-shrink:0;background-color:var(--gray-light);overflow:hidden}@media (min-width:1024px){.hero-section{width:40%;height:16rem;min-height:100vh}}.hero-image{position:absolute;top:0;left:-20%;width:120%;height:140%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media (min-width:1024px){.hero-image{height:100%}}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.05)}.logo-container{position:absolute;top:2rem;z-index:10}.logo-container img{width:30%;min-width:200px}@media (min-width:1024px){.logo-container{top:3rem;left:3rem}.logo-container img{width:60%}}.logo-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;line-height:1}.logo-main{font-weight:900;font-size:2.25rem;text-transform:uppercase;letter-spacing:-.05em;color:var(--si-red);text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width:1024px){.logo-main{font-size:3rem}}.logo-sub{margin-top:-.125em;position:relative}.trademark{font-size:.75rem;vertical-align:top;margin-left:.25rem;color:var(--black);font-weight:400}.logo-resorts{font-weight:300;font-size:1.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--black);margin-top:.25rem}@media (min-width:1024px){.logo-resorts{font-size:2.25rem}}.content-section{width:100%;min-height:600px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:1024px){.content-section{width:60%;min-height:100vh}}.form-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:3rem 2rem;width:100%;max-width:42rem;margin:0 auto}@media (min-width:1024px){.form-wrapper{padding:3rem 4rem}}.headlines{text-align:center;margin-bottom:2.5rem}.headline-main{font-size:1.875rem;font-weight:900;text-transform:uppercase;line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem}@media (min-width:1024px){.headline-main{font-size:3rem}}.headline-sub{font-size:1.125rem;color:var(--gray-text);font-weight:500}.login-form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem}.input-group{position:relative;width:100%}.form-input{width:100%;padding:1rem 1.5rem;border-radius:9999px;border:2px solid var(--black);font-size:1.125rem;outline:none;-webkit-transition:all .2s ease;transition:all .2s ease;font-family:inherit}.form-input::-webkit-input-placeholder{color:var(--gray-text);opacity:.8}.form-input::-moz-placeholder{color:var(--gray-text);opacity:.8}.form-input:-ms-input-placeholder{color:var(--gray-text);opacity:.8}.form-input::-ms-input-placeholder{color:var(--gray-text);opacity:.8}.form-input::placeholder{color:var(--gray-text);opacity:.8}.form-input:focus{border-color:var(--si-red);-webkit-box-shadow:0 0 0 2px rgba(239,51,64,.2);box-shadow:0 0 0 2px rgba(239,51,64,.2)}.submit-btn-container{padding-top:1rem}.submit-btn{width:100%;background-color:var(--si-red);color:var(--white);font-weight:700;font-size:1.25rem;padding:1rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;-webkit-transition:background-color .2s,-webkit-transform .1s,-webkit-box-shadow .2s;transition:background-color .2s,-webkit-transform .1s,-webkit-box-shadow .2s;transition:transform .1s,background-color .2s,box-shadow .2s;transition:transform .1s,background-color .2s,box-shadow .2s,-webkit-transform .1s,-webkit-box-shadow .2s;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.submit-btn:hover{background-color:var(--si-red-hover);-webkit-transform:scale(1.02);transform:scale(1.02)}.submit-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.footer{background-color:var(--black);color:var(--white);padding:3rem 1.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer,.social-links{gap:1.5rem}.footer,.social-icon,.social-links{display:-webkit-box;display:-ms-flexbox;display:flex}.social-icon{background-color:var(--si-red);padding:.75rem;border-radius:50%;color:var(--white);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s,color .2s;transition:background-color .2s,color .2s;text-decoration:none}.social-icon:hover{background-color:var(--white);color:var(--si-red)}.copyright{font-size:.625rem;color:#9ca3af;text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.5;max-width:32rem}