:root{--primary-color:#26549E;--secondary-color:#FF5C0A;}html,body{height:100%;margin:0;display:flex;display:-webkit-flex;display:-ms-flexbox;flex-direction:column;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}.main-layout{display:flex;display:-webkit-flex;display:-ms-flexbox;min-height:calc(100vh - 90px);overflow-y:auto;}header.navbar-custom,footer.footer-custom{background-color:var( --primary-color) !important;color:white;z-index:2003;}header.navbar-custom{padding:0.05rem 0.5rem !important;}header.navbar-custom .navbar-brand span{color:white !important;font-weight:700;font-size:25px;top:3px;position:relative;}footer.footer-custom{text-align:center;padding:0.45rem 0;background-color:var( --primary-color) !important;color:white !important;font-weight:700;bottom:0px;}.coderstation-small{color:#ecd5b8 !important;text-shadow:2px 2px 5px var(--secondary-color);}.circle-radius{border-radius:50% !important;padding:8px 6px;}.btn-primary-modern{background:var( --primary-color);color:white;border-radius:8px;font-weight:600;transition:all 0.3s;}.btn-primary-modern:hover{background:linear-gradient(135deg,var(--secondary-color),#FF7A33);box-shadow:0 4px 12px rgba(0,0,0,0.2);text-shadow:2px 2px 5px #049efe;}.btn-primary-modern:active{transform:translateY(2px);}.btn-secondary-modern{background:linear-gradient(135deg,var(--secondary-color),#FF7A33);color:white;border-radius:8px;font-weight:600;transition:all 0.3s;}.btn-secondary-modern:hover{background:linear-gradient(135deg,#FF7A33,var(--secondary-color));transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:#5CF7FF;}.logo{width:32px;height:32px;top:-3px;left:-1px;position:relative;padding:0px;margin:0px !important;}