@layer base{:root{--maroon: #7B1A2C;--maroon-dark: #5a1320;--maroon-light: #9b2335;--gold: #C6A84B;--gold-light: #d4ba6a;--gold-dark: #a88e3a;--cream: #FDF8F0;--cream-dark: #f5eadb;--text: #3d2b1f;--text-light: #7a6855;--white: #fff;--border: #e8dcc8;--shadow: 0 2px 12px rgba(123,26,44,.08);--shadow-lg: 0 8px 30px rgba(123,26,44,.12);--radius: 12px;--radius-sm: 8px}.auth-page-split{min-height:100vh;height:100vh;display:flex!important;font-family:Poppins,sans-serif;overflow:hidden;width:100%;position:relative;background:var(--cream);visibility:visible!important;opacity:1!important}.auth-split-left{flex:0 0 60%;width:60%;background:linear-gradient(135deg,var(--maroon-dark) 0%,var(--maroon) 50%,var(--maroon-light) 100%);position:relative;display:flex;align-items:center;justify-content:center;padding:60px 40px;overflow:hidden;animation:slideInLeft .8s ease-out}.auth-split-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(198,168,75,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(198,168,75,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(198,168,75,.05) 0%,transparent 60%);animation:float 20s ease-in-out infinite;z-index:0}.auth-split-content{position:relative;z-index:1;max-width:500px;width:100%;color:var(--white);animation:fadeInUp 1s ease-out .2s both}.auth-split-logo{display:flex;align-items:center;gap:12px;margin-bottom:50px;text-decoration:none;color:var(--white);transition:transform .3s ease;animation:fadeInUp .8s ease-out .4s both}.auth-split-logo:hover{transform:scale(1.05)}.auth-split-logo-img{height:60px;width:auto}.auth-split-logo-text{font-size:1.8rem;font-weight:700;color:var(--gold);letter-spacing:1px}.auth-split-hero{margin-bottom:50px;animation:fadeInUp .8s ease-out .5s both}.auth-split-title{font-size:3.5rem;font-weight:700;color:var(--gold);margin-bottom:12px;line-height:1.2}.auth-split-subtitle{font-size:1.8rem;font-weight:600;color:var(--white);margin-bottom:20px}.auth-split-description{font-size:1.1rem;color:var(--gold-light);line-height:1.8;opacity:.95}.auth-split-features{display:flex;flex-direction:column;gap:24px;margin-bottom:50px;animation:fadeInUp .8s ease-out .6s both}.auth-feature-item{display:flex;align-items:flex-start;gap:16px;transition:transform .3s ease;animation:fadeInUp .6s ease-out both}.auth-feature-item:nth-child(1){animation-delay:.7s}.auth-feature-item:nth-child(2){animation-delay:.8s}.auth-feature-item:nth-child(3){animation-delay:.9s}.auth-feature-item:hover{transform:translate(8px)}.auth-feature-icon{width:50px;height:50px;background:#c6a84b33;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold);flex-shrink:0;transition:all .3s ease}.auth-feature-item:hover .auth-feature-icon{background:#c6a84b4d;transform:rotate(5deg) scale(1.1)}.auth-feature-text h4{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:4px}.auth-feature-text p{font-size:.95rem;color:var(--gold-light);opacity:.9;margin:0}.auth-split-footer{padding-top:30px;border-top:1px solid rgba(198,168,75,.3);text-align:center;color:var(--gold-light);font-size:.95rem}.auth-split-footer strong{color:var(--gold);font-weight:600}.auth-split-right{flex:0 0 40%;width:40%;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto;min-height:100vh;position:relative;animation:slideInRight .8s ease-out}.auth-split-form-container{width:100%;max-width:480px;background:var(--white);border-radius:var(--radius);box-shadow:0 10px 40px #0000001a;overflow:hidden;position:relative;z-index:1;animation:fadeInUp .8s ease-out .3s both;transition:transform .3s ease,box-shadow .3s ease}.auth-split-form-container:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00000026}.auth-form-header-mobile{display:none;background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-dark) 100%);padding:30px;text-align:center;color:var(--white)}.auth-logo-mobile{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;text-decoration:none;color:var(--white)}.auth-logo-mobile .auth-logo-img{height:40px;width:auto}.auth-logo-mobile .auth-logo-text{font-size:1.3rem;font-weight:700;color:var(--gold)}.auth-title-mobile{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:var(--white)}.auth-description-mobile{font-size:.9rem;color:var(--gold-light);opacity:.9}.auth-form-content{padding:50px 40px}.auth-form-header-desktop{margin-bottom:30px;text-align:center;animation:fadeInUp .6s ease-out .4s both}.auth-form-title{font-size:2rem;font-weight:600;color:var(--maroon);margin-bottom:8px;animation:fadeInUp .5s ease-out .5s both}.auth-form-subtitle{font-size:1rem;color:var(--text-light);animation:fadeInUp .5s ease-out .6s both}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .5s ease-out both}.auth-form-group:nth-child(1){animation-delay:.4s}.auth-form-group:nth-child(2){animation-delay:.5s}.auth-form-group:nth-child(3){animation-delay:.6s}.auth-form-group:nth-child(4){animation-delay:.7s}.auth-form-group:nth-child(5){animation-delay:.8s}.auth-form-label{font-size:.9rem;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.auth-form-label i{color:var(--maroon);font-size:.85rem}.auth-form-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:Poppins,sans-serif;color:var(--text);background:var(--white);transition:all .3s ease}.auth-form-input:hover{border-color:var(--maroon-light)}.auth-form-input:focus{outline:none;border-color:var(--maroon);box-shadow:0 0 0 3px #7b1a2c1a;transform:translateY(-1px)}.auth-form-input::placeholder{color:var(--text-light)}.auth-form-checkbox-wrapper{display:flex;align-items:center;gap:8px}.auth-form-checkbox{width:18px;height:18px;accent-color:var(--maroon);cursor:pointer}.auth-form-checkbox-label{font-size:.9rem;color:var(--text);cursor:pointer}.auth-form-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.auth-form-button:hover:not(:disabled){background:linear-gradient(135deg,var(--maroon-dark) 0%,var(--maroon) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #7b1a2c4d}.auth-form-button:disabled{opacity:.6;cursor:not-allowed}.auth-form-button-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--maroon-dark)}.auth-form-button-gold:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-dark) 0%,var(--gold) 100%);box-shadow:0 4px 12px #c6a84b4d}.auth-form-link{color:var(--maroon);text-decoration:none;font-weight:500;transition:color .3s}.auth-form-link:hover{color:var(--maroon-dark);text-decoration:underline}.auth-form-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-light)}.auth-form-error{color:#dc2626;font-size:.85rem;margin-top:4px;display:flex;align-items:center;gap:6px}.auth-form-success{background:#f0fdf4;color:#166534;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid #86efac;font-size:.9rem;margin-bottom:20px;display:flex;align-items:center;gap:8px}.auth-form-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-light);font-size:.85rem}.auth-form-divider:before,.auth-form-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--maroon-dark) 0%,var(--maroon) 50%,var(--maroon-light) 100%);padding:40px 20px;font-family:Poppins,sans-serif}.auth-background{position:absolute;inset:0;overflow:hidden;z-index:0}.auth-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(198,168,75,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(198,168,75,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(198,168,75,.06) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.auth-container{position:relative;z-index:1;width:100%;max-width:480px;background:var(--white);border-radius:var(--radius);box-shadow:0 20px 60px #0000004d;overflow:hidden}.auth-header{background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-dark) 100%);padding:40px 30px;text-align:center;color:var(--white)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;text-decoration:none;color:var(--white);transition:transform .3s}.auth-logo:hover{transform:scale(1.05)}.auth-logo-img{height:50px;width:auto}.auth-logo-text{font-size:1.5rem;font-weight:700;color:var(--gold);letter-spacing:1px}.auth-title{font-size:1.75rem;font-weight:600;margin-bottom:8px;color:var(--white)}.auth-description{font-size:.95rem;color:var(--gold-light);opacity:.9}.auth-content{padding:40px 30px;background:var(--white)}.franchise-apply-page{min-height:100vh;background:var(--cream);padding:60px 20px}.franchise-apply-header{text-align:center;margin-bottom:50px}.franchise-apply-header h1{font-size:2.5rem;color:var(--maroon);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.franchise-apply-header h1 i{color:var(--gold)}.franchise-apply-header p{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:0 auto}.franchise-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:50px}.franchise-benefit-card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform .3s,box-shadow .3s;border-top:4px solid var(--gold)}.franchise-benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.franchise-benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:var(--maroon-dark)}.franchise-benefit-card h4{font-size:1.1rem;color:var(--maroon);margin-bottom:10px}.franchise-benefit-card p{font-size:.9rem;color:var(--text-light);line-height:1.6}.franchise-form-wrapper{max-width:800px;margin:0 auto;background:var(--white);padding:40px;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.franchise-form-wrapper h3{font-size:1.5rem;color:var(--maroon);margin-bottom:30px;display:flex;align-items:center;gap:10px}.franchise-form-wrapper h3 i{color:var(--gold)}.franchise-form-wrapper textarea.auth-form-input{min-height:100px;resize:vertical;font-family:Poppins,sans-serif}.franchise-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}body.auth-page-body{height:100vh;margin:0;padding:0;overflow:hidden}body.auth-page-body #app{height:100vh;min-height:100vh;display:block}.auth-page-split{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important;width:100%!important;min-width:100%!important}body.auth-page-body,body.auth-page-body html,body.auth-page-body #app{height:100%!important;min-height:100vh!important;display:block!important;overflow:visible!important}body.auth-page-body #app{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}@media(max-width:1024px){.auth-page-split{flex-direction:column}.auth-split-left{flex:0 0 auto;width:100%;min-height:auto;padding:40px 30px}.auth-split-right{flex:0 0 auto;width:100%}.auth-split-content{max-width:100%}.auth-split-title{font-size:2.5rem}.auth-split-subtitle{font-size:1.5rem}.auth-split-features{flex-direction:row;flex-wrap:wrap;gap:16px}.auth-feature-item{flex:1;min-width:200px}.auth-split-footer{display:none}}@media(max-width:768px){.auth-split-left{padding:30px 20px}.auth-split-title{font-size:2rem}.auth-split-subtitle{font-size:1.3rem}.auth-split-description{font-size:1rem}.auth-split-features{flex-direction:column}.auth-form-header-desktop{display:none}.auth-form-header-mobile{display:block}.auth-form-content{padding:30px 20px}.auth-split-right{padding:20px}.auth-split-form-container{box-shadow:none;border-radius:0}.franchise-apply-header h1{font-size:2rem}.franchise-benefits-grid{grid-template-columns:1fr}.franchise-form-wrapper{padding:30px 20px}.franchise-form-row{grid-template-columns:1fr}}}