:root{--primary-color:#37474f;--secondary-color:#2a6d9e;--success-color:#2e7d32;--warning-color:#e65100;--background-color:#f5f7fa;--container-color:#fff;--text-primary:#333;--text-secondary:#555;--text-light:#fff;--shadow-soft:0 4px 12px rgba(0,0,0,.08);--shadow-strong:0 8px 24px rgba(0,0,0,.12);--transition-standard:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.landing-page-background{background-color:var(--background-color);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-container{display:flex;max-width:1200px;width:100%;height:600px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-strong)}.hero-section{flex:1 1;background-color:var(--primary-color);color:var(--text-light);padding:3rem;justify-content:center;text-align:center}.hero-content,.hero-section{display:flex;flex-direction:column;align-items:center}.hero-content{max-width:400px}.national-emblem{width:120px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.dept-title{font-size:2.4rem;font-weight:700;margin:0 0 .5rem;color:var(--text-light)}.portal-subtitle{font-size:1.2rem;margin-bottom:2.5rem;color:hsla(0,0%,100%,.9);font-weight:400}.info-section{flex:1 1;background-color:var(--container-color);display:flex;align-items:center;justify-content:center;padding:3rem}.info-card{width:100%;max-width:450px}.info-content{text-align:center}.info-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;position:relative;display:inline-block;padding-bottom:.5rem}.info-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:var(--primary-color)}.info-text{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.badge-container{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.info-badge{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;font-weight:500!important;border-radius:4px!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.info-badge svg{margin-right:.4rem}@media (max-width:768px){.landing-container{flex-direction:column;height:auto}.hero-section,.info-section{padding:2rem}.dept-title{font-size:2rem}.info-title{font-size:1.5rem}.info-text{font-size:1rem}.badge-container{flex-wrap:wrap}}.action-button{padding:.9rem 2.5rem!important;font-size:1rem!important;font-weight:600!important;background:var(--warning-color)!important;color:var(--text-light)!important;border:none!important;border-radius:6px!important;box-shadow:0 4px 12px rgba(0,0,0,.2)!important;transition:var(--transition-standard)!important;margin-top:1rem!important}.action-button:hover{background:#d84315!important;box-shadow:0 6px 16px rgba(0,0,0,.25)!important}.action-button span{position:relative;display:flex;align-items:center;gap:.5rem}.info-card{margin:0 auto 3rem!important;max-width:1200px!important;padding:2rem!important;border-radius:10px!important;box-shadow:0 5px 20px rgba(0,0,0,.05)!important;background-color:#fff!important;position:relative!important;overflow:hidden!important}.auth-welcome-container{padding:1.5rem;text-align:center;color:var(--text-primary);max-width:400px;margin:0 auto}.auth-welcome-title{font-size:1.6rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-welcome-text{margin-bottom:1.8rem;color:var(--text-secondary);font-size:1.1rem}.auth-button-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.auth-action-button{padding:.75rem 1.5rem;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.auth-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.primary-button{background-color:var(--warning-color)}.primary-button:hover{background-color:#d84315}.secondary-button{background-color:var(--primary-color)}.secondary-button:hover{background-color:#2c383f}.contact-info{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.05)}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.2rem!important}.feature-box{margin-bottom:1.5rem}.features-card,.info-card{padding:1.5rem!important}}