/* Included from vendor\normalize.min.css */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:b; appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:t; appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:n; appearance:none}::-webkit-file-upload-button{-webkit-appearance:b; appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /*# sourceMappingURL=normalize.min.css.map */ /* Included from vendor\aos.min.css */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* Included from variables.css */ :root { /* Typography */ --sge-font-sans: "Plus Jakarta Sans", sans-serif; /* Brand Colors (Optional - extending Bootstrap) */ --sge-primary: #0d6efd; --sge-success: #00c853; /* Overriding Bootstrap Defaults */ --bs-body-font-family: var(--sge-font-sans); /* Z-Index Management - Single source of truth for stacking order */ --sge-z-index-back-to-top: 2050; --sge-z-index-navbar: 1030; /* Sticky top is 1020, but we want 1030 to be safe or standard fixed */ /* Bootstrap Standard Z-Indexes for reference: dropdown: 1000 sticky: 1020 fixed: 1030 offcanvas-backdrop: 1040 offcanvas: 1045 modal-backdrop: 1050 modal: 1055 popover: 1070 tooltip: 1080 toast: 1090 */ /* We align with Bootstrap standards to ensure compatibility with 3rd party libs */ --sge-z-index-offcanvas-backdrop: 1450; --sge-z-index-offcanvas: 1500; --sge-z-index-modal-backdrop: 8000; --sge-z-index-modal: 8050; --sge-z-index-popover: 9100; --sge-z-index-tooltip: 9200; --sge-z-index-cookie-consent: 7000; --sge-z-index-toast: 6000; --sge-z-index-loading-overlay: 9000; --sge-z-index-scroll-progress: 2000; --sge-z-index-ptr: 10000; /* Social Media Logins */ --brand-social-google: #db4437; /* Google's brand red */ --brand-social-google-rgb: 219, 68, 55; --brand-social-facebook: #1877f2; /* Facebook's brand blue */ } [data-bs-theme="dark"] { --text-color: rgba(255, 255, 255, 0.6); --sge-success: #00c853; --sge-line-path: rgba(255, 255, 255, 0.15); } [data-bs-theme="light"] { --text-color: rgba(30, 41, 59, 0.6); --sge-success: #00c853; --sge-line-path: rgba(0, 0, 0, 0.1); } /* Included from reset.css */ /* _base.css */ /* Contains resets, typography styles, and global element defaults. */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, figure, header, nav, section, article, aside, footer, figcaption { margin: 0; padding: 0; border: 0; outline: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } ul, li { padding: 0; margin: 0; list-style: none; } header, nav, section, article, aside, footer, hgroup { display: block; } html, body { font-family: var(--bs-body-font-family, 'Plus Jakarta Sans', sans-serif); font-weight: 400; background-color: var(--bs-body-bg); color: var(--bs-body-color); font-size: 16px; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { text-decoration: none !important; color: inherit; } h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0px; color: var(--bs-heading-color, inherit); font-weight: 700; } ul { margin-bottom: 0px; } p { font-size: 16px; line-height: 30px; color: var(--bs-body-color); } img { max-width: 100%; max-height: 100%; /* height: auto; */ overflow: hidden; } /* Add more resets as needed */ /* Expanded from components/animations.css */ /* Notification Badge Animation */ @keyframes badge-pulse { 0% { transform: translate(-50%, -50%) scale(1); } 50% { transform: translate(-50%, -50%) scale(1.25); } 100% { transform: translate(-50%, -50%) scale(1); } } .badge-pulse { animation: badge-pulse 2s infinite ease-in-out; } /* Expanded from components/offcanvas.css */ /* Offcanvas Glassmorphism & Width Persistence Fix */ .offcanvas { z-index: var(--sge-z-index-offcanvas) !important; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Base style for all offcanvas types to force width on iOS */ .offcanvas-start, .offcanvas-end, #navbarOffcanvas, #userOffcanvas { /* iOS Webkit Fix: Force recalculation and override Bootstrap internal variables */ --bs-offcanvas-width: 85vw !important; width: 85vw !important; min-width: 85vw !important; } .offcanvas-backdrop { z-index: var(--sge-z-index-offcanvas-backdrop) !important; } @media (max-width: 991.98px) { /* Glassmorphic effect for mobile */ .offcanvas { background-color: rgba(255, 255, 255, 0.82) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; border: none !important; } [data-bs-theme="dark"] .offcanvas { background-color: rgba(30, 34, 38, 0.85) !important; border-left: 1px solid rgba(255, 255, 255, 0.05) !important; border-right: 1px solid rgba(255, 255, 255, 0.05) !important; } } /* Desktop override: Return to standard width on larger screens */ @media (min-width: 992px) { .offcanvas-start, .offcanvas-end, #navbarOffcanvas, #userOffcanvas { --bs-offcanvas-width: 400px !important; width: 400px !important; min-width: 400px !important; } } /* Force hardware acceleration for smoother iOS transitions */ .offcanvas.show { transform: none !important; visibility: visible !important; -webkit-transform: translate3d(0, 0, 0) !important; } /* Expanded from components/bottom_nav.css */ /* Bottom Navigation Styles */ .glass-nav { background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.4); } [data-bs-theme="dark"] .glass-nav { background-color: rgba(33, 37, 41, 0.95); } .bottom-nav-link { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.5rem 0.25rem; min-width: 60px; border-radius: 12px; color: var(--bs-body-color); text-decoration: none; transition: all 0.2s ease; opacity: 0.7; } .bottom-nav-link:hover { opacity: 1; } .bottom-nav-link.active { color: var(--bs-primary); opacity: 1; background-color: rgba(var(--bs-primary-rgb), 0.1); } .bottom-nav-link i { font-size: 1.4rem; line-height: 1; margin-bottom: 2px; } .bottom-nav-link span { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.3px; } .bottom-nav-toggle { width: 40px; height: 20px; margin: 0 auto; border-top-left-radius: 20px; border-top-right-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: translateY(1px); } .bottom-nav-container { transition: transform 0.3s ease-in-out; } .bottom-nav-container.minimized { transform: translateY(calc(100% - 20px)); } /* Expanded from components/scroll_top.css */ /* Mobile Scroll to Top (Visible only on screens < 768px) */ @media (max-width: 767.98px) { .mobile-scroll-top { position: fixed; bottom: 90px; right: 20px; z-index: var(--sge-z-index-back-to-top); opacity: 0; pointer-events: none; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(20px) scale(0.8); display: block; } .mobile-scroll-top button { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; padding: 0; } .mobile-scroll-top.show { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); } .mobile-scroll-top:active button { transform: scale(0.9) !important; transition: transform 0.1s ease; } } /* Hide mobile button on desktop */ @media (min-width: 768px) { .mobile-scroll-top { display: none !important; } } /* Desktop Back to Top Button (Visible only on screens >= 768px) */ @media (min-width: 768px) { #btn-back-to-top { position: fixed; bottom: 50px; right: 40px; z-index: var(--sge-z-index-back-to-top); opacity: 0; visibility: hidden; transform: scale(0.8) translateY(20px); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 0; } #btn-back-to-top.show { opacity: 1; visibility: visible; transform: scale(1) translateY(0); } #btn-back-to-top:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important; } #btn-back-to-top:active { transform: scale(0.9) !important; transition: transform 0.1s ease; } } /* Hide desktop button on mobile explicitly to override any state issues */ @media (max-width: 767.98px) { #btn-back-to-top { display: none !important; } } /* Force hide without transition during active scroll */ .mobile-scroll-top.is-scrolling, #btn-back-to-top.is-scrolling { opacity: 0 !important; pointer-events: none !important; transition: none !important; visibility: hidden !important; } /* Expanded from components/pull_to_refresh.css */ /* Pull to Refresh */ body { overscroll-behavior-y: contain; } .ptr-container { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: var(--sge-z-index-ptr); display: flex; justify-content: center; overflow: visible; pointer-events: none; } .ptr-spinner { margin-top: -60px; width: 40px; height: 40px; background-color: var(--bs-body-bg); border-radius: 50%; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; color: var(--bs-primary); transition: margin-top 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.1s linear; position: relative; border: 1px solid rgba(0,0,0,0.05); } .ptr-spinner.refreshing { margin-top: 20px; } .ptr-spinner.refreshing i { animation: ptr-spin 1s infinite linear; } @keyframes ptr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Pull to Refresh Dark Mode */ [data-bs-theme="dark"] .ptr-spinner { background-color: #212529; border-color: rgba(255,255,255,0.1); color: #f8f9fa; box-shadow: 0 4px 12px rgba(0,0,0,0.5); } /* Expanded from components/skeleton.css */ /* Skeleton Loader */ .skeleton-loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: calc(var(--sge-z-index-ptr) - 1); /* Below PTR spinner but above content */ background: var(--bs-body-bg); padding-top: 80px; /* Space for navbar */ display: none; overflow: hidden; } .skeleton-loader.show { display: block; } .skeleton-item { background-color: rgba(0,0,0,0.08); border-radius: 4px; margin-bottom: 10px; position: relative; overflow: hidden; } [data-bs-theme="dark"] .skeleton-item { background-color: rgba(255,255,255,0.08); } .skeleton-item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent); transform: translateX(-100%); animation: skeleton-loading 1.5s infinite; } [data-bs-theme="dark"] .skeleton-item::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent); } @keyframes skeleton-loading { 100% { transform: translateX(100%); } } .skeleton-header { height: 30px; width: 50%; margin-bottom: 20px; } .skeleton-text { height: 12px; width: 100%; } .skeleton-text.short { width: 70%; } .skeleton-card { height: 150px; width: 100%; margin-bottom: 15px; border-radius: 8px; } /* Expanded from components/toasts.css */ /* Toast Notifications */ .toast-container { z-index: var(--sge-z-index-toast); } .toast { background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); color: var(--bs-body-color); margin-bottom: 0.75rem; } [data-bs-theme="dark"] .toast { background-color: rgba(33, 37, 41, 0.85); border-color: rgba(255, 255, 255, 0.1); } .toast-success { border-left: 4px solid var(--bs-success); } .toast-success .bi { color: var(--bs-success); } .toast-error { border-left: 4px solid var(--bs-danger); } .toast-error .bi { color: var(--bs-danger); } .toast-warning { border-left: 4px solid var(--bs-warning); } .toast-warning .bi { color: var(--bs-warning); } .toast-info { border-left: 4px solid var(--bs-info); } .toast-info .bi { color: var(--bs-info); } /* Expanded from components/modals.css */ /* Modal Glassmorphism */ .modal { z-index: var(--sge-z-index-modal) !important; } .modal-backdrop { z-index: var(--sge-z-index-modal-backdrop) !important; } .modal-content { background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); } [data-bs-theme="dark"] .modal-content { background-color: rgba(33, 37, 41, 0.95); border-color: rgba(255, 255, 255, 0.1); } /* Expanded from components/loading.css */ /* Loading Overlay */ .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--sge-z-index-loading-overlay); background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; pointer-events: none; } .loading-overlay.show { opacity: 1; visibility: visible; pointer-events: auto; } [data-bs-theme="dark"] .loading-overlay { background-color: rgba(0, 0, 0, 0.7); color: #f8f9fa; } /* Expanded from components/admin_sidebar.css */ /* Admin Sidebar Layout */ .admin-container { display: flex; min-height: 100vh; overflow: hidden; } .admin-sidebar { width: 280px; flex-shrink: 0; height: 100vh; overflow-y: auto; position: sticky; top: 0; border-right: 1px solid var(--bs-border-color); background-color: var(--bs-body-bg); transition: width 0.3s ease; } .admin-content { flex-grow: 1; display: flex; flex-direction: column; height: 100vh; overflow-y: auto; background-color: var(--bs-tertiary-bg); } .sidebar-nav .nav-link { color: var(--bs-body-color); padding: 0.75rem 1.25rem; border-radius: 0.5rem; margin-bottom: 0.25rem; display: flex; align-items: center; font-weight: 500; } .sidebar-nav .nav-link:hover { background-color: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); } .sidebar-nav .nav-link.active { background-color: var(--bs-primary); color: #fff; box-shadow: 0 4px 6px rgba(var(--bs-primary-rgb), 0.3); } .sidebar-nav .nav-link i { font-size: 1.15rem; margin-right: 0.75rem; width: 20px; text-align: center; } .nav-category-header { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05rem; color: var(--bs-secondary-color); padding: 1.5rem 1.25rem 0.5rem; margin-top: 0.25rem; opacity: 0.8; } .sidebar-submenu { list-style: none; padding-left: 2.75rem; margin-bottom: 0.5rem; } .sidebar-submenu .nav-link { padding: 0.4rem 0.75rem; font-size: 0.875rem; font-weight: 400; } .sidebar-submenu .nav-link:hover { background-color: transparent; text-decoration: underline; } .sidebar-submenu .nav-link.active { background-color: transparent; color: var(--bs-primary); box-shadow: none; font-weight: 600; } .has-submenu .submenu-arrow { margin-left: auto; font-size: 0.8rem; transition: transform 0.3s ease; } .has-submenu .nav-link[aria-expanded="true"] .submenu-arrow { transform: rotate(90deg); } .sidebar-header { height: 70px; display: flex; align-items: center; padding: 0 1.5rem; border-bottom: 1px solid var(--bs-border-color); } /* Collapsed Sidebar */ [data-sidebar="collapsed"] .admin-sidebar { width: 80px; } [data-sidebar="collapsed"] .sidebar-search-container { display: none; } [data-sidebar="collapsed"] .admin-sidebar .sidebar-text { display: none; } [data-sidebar="collapsed"] .admin-sidebar .sidebar-nav .nav-link { justify-content: center; padding-left: 0; padding-right: 0; } [data-sidebar="collapsed"] .admin-sidebar .sidebar-nav .nav-link i { margin-right: 0; } [data-sidebar="collapsed"] .admin-sidebar .sidebar-header { justify-content: center; padding: 0; } [data-sidebar="collapsed"] .admin-sidebar .sidebar-header .me-2 { margin-right: 0 !important; } [data-sidebar="collapsed"] .nav-category-header { text-align: center; padding: 1.5rem 0 0.5rem; font-size: 0.5rem; } [data-sidebar="collapsed"] .sidebar-submenu { display: none !important; } [data-sidebar="collapsed"] .has-submenu .submenu-arrow { display: none; } [data-sidebar="collapsed"] #sidebarToggle i { transform: rotate(180deg); } /* Expanded from components/print.css */ /* Print Styles */ @media print { /* Hide UI elements not needed for print */ .admin-sidebar, .sidebar-nav, .navbar, .footer, .btn, .no-print, .loading-overlay, .toast-container, .mobile-scroll-top, #btn-back-to-top, .ptr-container, .offcanvas, .modal, .sidebar-search-container, #sidebarToggle, .fixed-bottom { display: none !important; } /* Reset Layout */ html, body { height: auto !important; overflow: visible !important; background: #fff !important; color: #000 !important; font-size: 12pt; } .admin-container { display: block !important; height: auto !important; overflow: visible !important; } .admin-content { margin: 0 !important; padding: 0 !important; height: auto !important; width: 100% !important; overflow: visible !important; } /* Typography & Colors */ a { text-decoration: none !important; color: #000 !important; } h1, h2, h3, h4, h5, h6 { color: #000 !important; page-break-after: avoid; } /* Cards & Containers */ .card { border: 1px solid #ddd !important; box-shadow: none !important; margin-bottom: 20px !important; break-inside: avoid; page-break-inside: avoid; } .card-header { background-color: #f8f9fa !important; border-bottom: 1px solid #ddd !important; } /* Charts & Images */ canvas, img { max-width: 100% !important; break-inside: avoid; page-break-inside: avoid; } } /* Expanded from components/navbar.css */ /* Navbar Component */ .navbar { z-index: var(--sge-z-index-navbar); padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease; } [data-bs-theme="dark"] .navbar { background-color: rgba(33, 37, 41, 0.95); border-bottom-color: rgba(255, 255, 255, 0.05); } .navbar-nav .nav-item { font-weight: 700; font-size: clamp(0.8rem, 1vw, 1rem); text-transform: uppercase; text-wrap: nowrap; line-height: 1; } .navbar-brand { font-weight: 700; font-size: 1.25rem; letter-spacing: -0.025em; display: flex; align-items: center; color: #0f172a !important; /* High-contrast dark in light mode */ transition: color 0.3s ease, opacity 0.3s ease; } /* Ensure SGE text is visible regardless of brand image presence */ .navbar-brand span.text-info { margin-left: 2px; } [data-bs-theme="dark"] .navbar-brand { color: #ffffff !important; } .navbar-nav .nav-link { position: relative; color: rgba(0, 0, 0, 0.65); transition: color 0.3s ease; } [data-bs-theme="dark"] .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.7); } .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: #078941 !important; } [data-bs-theme="dark"] .navbar-nav .nav-link:hover, [data-bs-theme="dark"] .navbar-nav .nav-link.active { color: #00c853 !important; } /* Use ::before for the underline animation to avoid conflict with Bootstrap's ::after dropdown arrow. */ .navbar-nav .nav-link::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; background-color: #078941; transform: translateX(-50%); transition: width 0.3s ease-in-out; } /* Animate the underline on hover for ALL nav links */ .navbar-nav .nav-link:hover::before { width: 100%; } .navbar-brand img { max-width: 42px !important; max-height: 42px !important; padding: 0; aspect-ratio: 1/1; filter: drop-shadow(rgba(0, 255, 100, 0.7) 0px 0px 8px); } .nav-link { font-weight: 700; font-size: 0.85rem; } .navbar.transparent { background-color: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-bottom-color: transparent !important; box-shadow: none !important; } /* Transparent Navbar Text Colors */ .navbar.transparent .navbar-brand { color: #fff !important; } .navbar.transparent .navbar-toggler { border-color: rgba(255, 255, 255, 0.5); } .navbar.transparent .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } /* Force navbar-nav to center on large screens */ @media (min-width: 992px) { .navbar-expand-lg .navbar-nav { flex-direction: row; justify-content: center !important; } } @media (min-width: 992px) { .navbar.transparent .nav-link { color: rgba(255, 255, 255, 0.9) !important; } .navbar.transparent .nav-link:hover, .navbar.transparent .nav-link.active { color: #fff !important; } } @media (max-width: 991.98px) { .navbar.transparent .d-flex.d-lg-none .nav-link { color: #fff !important; } } /* Center navbar links on desktop with balanced flex zones */ @media (min-width: 992px) { .navbar > .container { display: flex !important; justify-content: space-between !important; align-items: center !important; } /* Left Zone - Brand */ .navbar-brand { flex: 1 1 0% !important; margin-right: 0 !important; display: flex !important; justify-content: flex-start !important; } /* Center Zone - Menu */ .navbar-collapse { flex: 1 1 auto !important; /* Allow it to take space */ display: flex !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; } /* Right Zone - Tools */ .navbar > .container > .ms-auto { flex: 1 1 0% !important; margin-left: 0 !important; display: flex !important; justify-content: flex-end !important; } } /* Dropdown Menu Animation */ @keyframes dropdown-fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @media (min-width: 992px) { .navbar .dropdown-menu.show { animation: dropdown-fade-in 0.3s ease forwards; } } /* Language Selector Premium Styling */ .lang-selector-menu { border-radius: 12px !important; padding: 0.75rem !important; min-width: 240px !important; max-height: 400px; overflow-y: auto; border: 1px solid rgba(0, 0, 0, 0.05) !important; } [data-bs-theme="dark"] .lang-selector-menu { background-color: #1e2226 !important; border-color: rgba(255, 255, 255, 0.05) !important; } .lang-selector-menu .dropdown-item { border-radius: 8px; padding: 0.6rem 0.75rem; font-size: 0.9rem; font-weight: 500; transition: all 0.2s ease; } .lang-selector-menu .dropdown-item:hover { background-color: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); transform: translateX(4px); } .lang-selector-menu .dropdown-item.active { background-color: #078941; color: #fff; } /* Global Dropdown Item Hover Styling */ .dropdown-item { transition: all 0.2s ease; padding: 0.5rem 1rem; } .dropdown-item:hover, .dropdown-item:focus { background-color: rgba(7, 137, 65, 0.1) !important; color: #078941 !important; } [data-bs-theme="dark"] .dropdown-item:hover, [data-bs-theme="dark"] .dropdown-item:focus { background-color: rgba(0, 200, 83, 0.15) !important; color: #00c853 !important; } /* Ensure dropdown arrows are visible and contrasty */ .dropdown-toggle::after { vertical-align: 0.15em !important; margin-left: 0.4em !important; opacity: 0.7; } /* Flag sizes and rendering */ .lang-selector-menu .me-2, .lang-selector-text .me-2 { font-size: 1.2rem; line-height: 1; display: inline-block; } .ls-1 { letter-spacing: 0.05em; } /* Custom Scrollbar for the menu */ .lang-selector-menu::-webkit-scrollbar { width: 4px; } .lang-selector-menu::-webkit-scrollbar-track { background: transparent; } .lang-selector-menu::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; } [data-bs-theme="dark"] .lang-selector-menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); } /* Remove focus ring from togglers */ .navbar-toggler:focus, .btn-close:focus { box-shadow: none !important; outline: none !important; } /* Force left alignment in offcanvas mobile while allowing stretching */ @media (max-width: 991.98px) { #navbarOffcanvas .navbar-nav { align-items: stretch !important; text-align: left !important; width: 100%; display: flex !important; flex-direction: column !important; } #navbarOffcanvas .nav-link { padding-left: 0 !important; width: 100%; text-align: left; } #navbarOffcanvas .dropdown { display: block !important; width: 100%; } #navbarOffcanvas .dropdown-menu { position: absolute !important; left: 0 !important; right: 0 !important; top: auto !important; /* Positions naturally below the and-link */ width: 100% !important; z-index: 1050 !important; background: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; padding: 0.75rem !important; margin-top: 5px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12) !important; border-radius: 12px !important; display: none; transform: translate(0px, 0px) !important; } [data-bs-theme="dark"] #navbarOffcanvas .dropdown-menu { background: rgba(30, 34, 38, 0.98) !important; border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important; } #navbarOffcanvas .dropdown-menu.show { display: block !important; } #navbarOffcanvas .dropdown-item { color: inherit !important; opacity: 0.85; padding: 0.75rem 1rem; font-size: 1rem; font-weight: 500; transition: all 0.2s ease; display: block !important; width: 100%; background: transparent !important; border-radius: 8px; } #navbarOffcanvas .dropdown-item:hover, #navbarOffcanvas .dropdown-item:focus { opacity: 1; color: #00c853 !important; padding-left: 1.25rem; background: rgba(0, 200, 83, 0.08) !important; } } /* Expanded from components/footer.css */ /* Language Selector Stacking */ .lang-selector-dropdown { z-index: 2050 !important; /* Above almost everything including modals */ } .lang-selector-menu { z-index: 2051 !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; } /* Footer Component */ .footer { position: relative; z-index: 1020; /* Above regular content, below fixed-top navbar */ background-color: rgba(255, 255, 255, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(0, 0, 0, 0.05) !important; transition: background-color 0.3s ease; } /* Ensure footer content isn't hidden by the fixed bottom nav on mobile */ @media (max-width: 767.98px) { .footer { padding-bottom: 80px !important; /* Height of bottom nav + some breathing room */ } body.no-bottom-nav .footer { padding-bottom: 1rem !important; /* Default small padding when nav is hidden */ } } [data-bs-theme="dark"] .footer { background-color: rgba(33, 37, 41, 0.85); border-top-color: rgba(255, 255, 255, 0.05) !important; } /* Expanded from components/scroll_progress.css */ /* Scroll Progress Bar */ .scroll-progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 3px; z-index: var(--sge-z-index-scroll-progress); background: transparent; pointer-events: none; } .scroll-progress-bar { height: 100%; background: var(--bs-primary); width: 0%; transition: width 0.1s ease-out; box-shadow: 0 0 10px rgba(var(--bs-primary-rgb), 0.7); } /* Expanded from components/cookie_consent.css */ /* Cookie Consent Component */ .cookie-consent-banner { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%) translateY(150%); width: 90%; max-width: 1000px; background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 1rem; padding: 1.25rem 1.5rem; z-index: var(--sge-z-index-cookie-consent); box-shadow: 0 10px 40px rgba(0,0,0,0.1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cookie-consent-banner.show { transform: translateX(-50%) translateY(0); } [data-bs-theme="dark"] .cookie-consent-banner { background-color: rgba(33, 37, 41, 0.9); border-color: rgba(255, 255, 255, 0.1); color: #f8f9fa; box-shadow: 0 10px 40px rgba(0,0,0,0.3); } /* Expanded from components/popovers.css */ /* Popover and Tooltip Z-Index Overrides */ .popover { z-index: var(--sge-z-index-popover) !important; } .tooltip { z-index: var(--sge-z-index-tooltip) !important; } /* Expanded from components/layout.css */ /* * Main Layout Stacking Context * * This file establishes the base stacking order for the primary layout * containers. By assigning a z-index to
, we ensure it participates * in the stacking order, placing it below positioned elements like the * navbar, modals, and off-canvas menus, which have higher z-index values * defined in variables.css. This prevents content from overlapping * critical UI components. */ main { position: relative; /* Removed z-index to prevent trapping modals in a separate stacking context */ } .page-header { background: linear-gradient(135deg, #03060a 0%, #0f172a 100%); padding-top: clamp(100px, 5vw, 40px); padding-bottom: clamp(80px, 5vw, 20px); position: relative; overflow: hidden; } @media (max-width: 1400px) { .page-header { padding-top: clamp(80px, 5vw, 40px); padding-bottom: clamp(60px, 5vw, 20px); } } @media (max-width: 1200px) { .page-header { padding-top: clamp(60px, 5vw, 40px); padding-bottom: clamp(40px, 5vw, 20px); } } @media (max-width: 768px) { .page-header { padding-top: clamp(20px, 5vw, 40px); padding-bottom: clamp(10px, 5vw, 20px); } } .page-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient( circle at 50% 50%, rgba(0, 200, 83, 0.05) 0%, transparent 70% ); pointer-events: none; } .page-header h1 { font-size: clamp(1rem, 1.2rem + 0.5vw, 1.5rem); } .content-overlay1 { position: absolute; top: 0; right: 0; translate: -50% -50%; width: 250px; height: 250px; background: radial-gradient(circle, var(--bs-primary) 0%, transparent 70%); opacity: 0.1; border-radius: 50%; z-index: 0; } .content-overlay2 { position: absolute; bottom: 0; left: 0; translate: -50% -50%; width: 300px; height: 300px; background: radial-gradient(circle, var(--bs-info) 0%, transparent 70%); opacity: 0.15; border-radius: 50%; z-index: 0; } #faqSearchContainer.input-group-lg > .form-control, #faqSearchContainer.input-group-lg > .input-group-text, #faqSearchContainer.input-group-lg > .btn { padding: clamp(0.375rem, 1.5vw, 0.5rem) clamp(0.75rem, 2vw, 1rem); font-size: clamp(1rem, 1.5vw, 1.25rem); } /* Included from overrides.css */ .bg-success { /* --bs-bg-opacity: 1; */ background-color: rgba( var(--bs-success-rgb), var(--bs-bg-opacity) ) !important; } .rounded-circle { aspect-ratio: 1 / 1 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; object-fit: cover !important; } .mt-n1 { margin-top: -0.25rem !important; } .mt-n2 { margin-top: -0.5rem !important; } .mt-n3 { margin-top: -0.75rem !important; } .mt-n4 { margin-top: -1rem !important; } .mt-n5 { margin-top: -1.25rem !important; } /* Asset Ticker Utilities */ .xs-font { font-size: 0.7rem !important; } .ls-1 { letter-spacing: 1px !important; } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } /* Cyber-Vault & Glassmorphism Design System */ :root { --glass-bg: rgba(255, 255, 255, 0.03); --glass-border: rgba(255, 255, 255, 0.1); --glow-primary: 0 0 20px rgba(13, 110, 253, 0.4); } .grad-text { background: linear-gradient(135deg, var(--bs-body-color), var(--bs-primary)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .bg-glass { background: var(--glass-bg) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--glass-border) !important; } .bg-glass-dark { background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid var(--glass-border) !important; } [data-bs-theme="light"] .bg-glass-dark { background: rgba(0, 0, 0, 0.05) !important; /* border-color: rgba(0, 0, 0, 0.1) !important; */ color: var(--bs-body-color) !important; } .bg-gradient-dark { background: linear-gradient(135deg, #1a1a1a, #000) !important; } .shadow-glow { box-shadow: var(--glow-primary) !important; } .vault-sphere { width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, var(--bs-primary), #000); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.2); z-index: 2; transition: transform 0.5s ease; } .vault-sphere.sm { width: 80px; height: 80px; } .vault-sphere.sm i { font-size: 2rem !important; } .vault-pulse { position: absolute; width: 140px; height: 140px; border-radius: 50%; background: var(--bs-primary); opacity: 0.3; animation: pulse-ring 2s infinite ease-in-out; z-index: 1; } .vault-pulse.sm { width: 80px; height: 80px; } @keyframes pulse-ring { 0% { transform: scale(1); opacity: 0.3; } 100% { transform: scale(1.6); opacity: 0; } } .pulse-fast { animation: sphere-pulse 0.5s infinite alternate; } @keyframes sphere-pulse { from { transform: scale(1); } to { transform: scale(1.1); } } .ls-2 { letter-spacing: 2.5px !important; } /* SGE Branding - Onboarding Palette */ .bg-sge-brand, .card.bg-sge-brand { background: linear-gradient( 145deg, #0a2e1c 0%, #0f4230 45%, #0b3535 100% ) !important; color: #fff !important; } [data-bs-theme="light"] .bg-sge-brand, [data-bs-theme="light"] .card.bg-sge-brand { background: linear-gradient( 145deg, #0d3d22 0%, #11503a 45%, #0e4040 100% ) !important; color: #fff !important; } .bg-sge-gradient { background: linear-gradient(135deg, #10b981, #06b6d4) !important; } .text-sge-emerald { color: #10b981 !important; } .text-sge-cyan { color: #06b6d4 !important; } .btn-sge-brand { background: linear-gradient(135deg, #10b981, #06b6d4) !important; color: #fff !important; border: none !important; transition: all 0.3s ease; } .btn-sge-brand:hover { filter: brightness(1.1); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4) !important; } [data-bs-theme="light"] input::placeholder { color: rgba(0, 0, 0, 0.4) !important; } /* Default size for extra small devices (xs: <576px) and small devices (sm: >=576px) */ .responsive-btn { /* This size will be similar to .btn-sm, or even smaller padding/font-size */ padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } /* Medium devices (md: >=768px) and up */ /* */ @media (min-width: 768px) { .responsive-btn { /* This size will be similar to .btn-lg (larger padding/font-size) */ padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } } /* ---------------------------------------------------- * Lighthouse Accessibility Overrides (WCAG 4.5:1 Contrast) * ---------------------------------------------------- */ [data-bs-theme="dark"] .text-body-secondary { color: #b9c1c9 !important; /* Brighter than default #adb5bd for better contrast on dark backgrounds */ } [data-bs-theme="dark"] .btn-outline-secondary { color: #ced4da; border-color: #6c757d; } [data-bs-theme="dark"] .btn-outline-secondary:hover, [data-bs-theme="dark"] .btn-outline-secondary:active, [data-bs-theme="dark"] .btn-outline-secondary:focus { color: #fff; background-color: #6c757d; border-color: #6c757d; } /* Included from base.css */ html { scroll-behavior: smooth; } * { padding: 0; margin: 0; box-sizing: border-box; } body { min-height: 100vh; padding-top: 72px; /* Standard navbar offset for fixed-top */ } /* On the homepage, the hero section handles the fixed navbar overlap with its own transparent state */ body.home-page { padding-top: 0 !important; } /* Scroll Offset for Fixed Navbar */ section[id] { scroll-margin-top: 85px; } /* Included from components\components.css */ /* ========================================================================== Premium Glassmorphic Card Components ========================================================================== */ .card-premium { background-color: var(--bs-body-bg); border-radius: 1.5rem; position: relative; /* Default shadow and border, configurable by modifier */ border: 1px solid rgba(var(--bs-primary-rgb), 0.1); box-shadow: 0 25px 50px -12px rgba(var(--bs-primary-rgb), 0.15); } .card-premium-content { position: relative; z-index: 1; } /* * ------------------------------------------------------------------------ * Color Modifier Classes * ------------------------------------------------------------------------ */ /* Default Blue (SGE Primary) */ .card-premium-primary { background-image: radial-gradient(circle at top center, rgba(var(--bs-primary-rgb), 0.08) 0%, transparent 70%); } /* Super Green (SGE Success) */ .card-premium-success { border-color: rgba(var(--bs-success-rgb), 0.15); box-shadow: 0 25px 50px -12px rgba(var(--bs-success-rgb), 0.15); background-image: radial-gradient(circle at top center, rgba(var(--bs-success-rgb), 0.12) 0%, transparent 70%); } /* Danger / Warning / Destructive */ .card-premium-danger { border-color: rgba(var(--bs-danger-rgb), 0.15); box-shadow: 0 25px 50px -12px rgba(var(--bs-danger-rgb), 0.15); background-image: radial-gradient(circle at top center, rgba(var(--bs-danger-rgb), 0.12) 0%, transparent 70%); } /* Info / Neutral */ .card-premium-info { border-color: rgba(var(--bs-info-rgb), 0.15); box-shadow: 0 25px 50px -12px rgba(var(--bs-info-rgb), 0.15); background-image: radial-gradient(circle at top center, rgba(var(--bs-info-rgb), 0.12) 0%, transparent 70%); } /* * ------------------------------------------------------------------------ * Card Elements * ------------------------------------------------------------------------ */ .card-premium-badge { position: absolute; top: 0; left: 50%; color: white; font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; padding: 0.5rem 1.25rem; border-radius: 20px; transform: translate(-50%, -50%); z-index: 10; white-space: nowrap; } /* Default Warning gradient (Used on checkout for Lifetime access) */ .card-premium-badge-warning { background: linear-gradient(135deg, var(--bs-warning), var(--bs-danger)); box-shadow: 0 4px 15px rgba(var(--bs-danger-rgb), 0.4); } /* Success gradient */ .card-premium-badge-success { background: linear-gradient(135deg, var(--bs-success), #198754); box-shadow: 0 4px 15px rgba(var(--bs-success-rgb), 0.4); } /* Primary gradient */ .card-premium-badge-primary { background: linear-gradient(135deg, var(--bs-primary), var(--bs-info)); box-shadow: 0 4px 15px rgba(var(--bs-primary-rgb), 0.4); } /* * ------------------------------------------------------------------------ * Premium FAQ Accordion Components * ------------------------------------------------------------------------ */ .faq-accordion .accordion-item { border: none; margin-bottom: 1rem; background: transparent; } .faq-accordion .accordion-button { background: rgba(var(--bs-body-bg-rgb), 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 1rem !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); font-weight: 600; } .faq-accordion .accordion-button:not(.collapsed) { background: rgba(var(--bs-primary-rgb), 0.1); color: var(--bs-primary); box-shadow: none; } .faq-accordion .accordion-body { background: rgba(var(--bs-body-bg-rgb), 0.5); border-radius: 0 0 1rem 1rem; margin-top: -10px; padding-top: 1.5rem; } [data-bs-theme="dark"] .faq-accordion .accordion-button { background: rgba(30, 41, 59, 0.6); color: #fff; } [data-bs-theme="dark"] .faq-accordion .accordion-button:not(.collapsed) { background: rgba(var(--bs-primary-rgb), 0.2); color: #fff; } [data-bs-theme="dark"] .faq-accordion .accordion-body { background: rgba(30, 41, 59, 0.4); color: rgba(255, 255, 255, 0.8); } /* * ------------------------------------------------------------------------ * Typography Modifiers * ------------------------------------------------------------------------ */ .text-gradient { background: linear-gradient(to right, var(--bs-primary), #00c853); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* * ------------------------------------------------------------------------ * Accent Card Components (Left Border + Gradient BG) * ------------------------------------------------------------------------ */ .card-accent-left { border-left-width: 4px !important; border-left-style: solid !important; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease; } .card-accent-left:hover { transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1) !important; } .card-accent-primary { border-left-color: var(--bs-primary) !important; background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-success { border-left-color: var(--bs-success) !important; background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-info { border-left-color: var(--bs-info) !important; background: linear-gradient(135deg, rgba(var(--bs-info-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-warning { border-left-color: var(--bs-warning) !important; background: linear-gradient(135deg, rgba(var(--bs-warning-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-danger { border-left-color: var(--bs-danger) !important; background: linear-gradient(135deg, rgba(var(--bs-danger-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-secondary { border-left-color: var(--bs-secondary) !important; background: linear-gradient(135deg, rgba(var(--bs-secondary-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-dark { border-left-color: var(--bs-dark) !important; background: linear-gradient(135deg, rgba(var(--bs-dark-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .card-accent-light { border-left-color: var(--bs-light) !important; background: linear-gradient(135deg, rgba(var(--bs-light-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } /* * ------------------------------------------------------------------------ * Gradient Backgrounds * ------------------------------------------------------------------------ */ .bg-gradient-primary { background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-secondary { background: linear-gradient(135deg, rgba(var(--bs-secondary-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-success { background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-danger { background: linear-gradient(135deg, rgba(var(--bs-danger-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-warning { background: linear-gradient(135deg, rgba(var(--bs-warning-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-info { background: linear-gradient(135deg, rgba(var(--bs-info-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-light { background: linear-gradient(135deg, rgba(var(--bs-light-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } .bg-gradient-dark { background: linear-gradient(135deg, rgba(var(--bs-dark-rgb), 0.1) 0%, rgba(var(--bs-body-bg-rgb), 0) 100%); } /* * ------------------------------------------------------------------------ * Theme-Aware Utility Fixes * ------------------------------------------------------------------------ */ /* Premium Table Header for Theme-Aware Layouts */ .table-premium-header { background-color: var(--bs-tertiary-bg); } [data-bs-theme="dark"] .table-premium-header { background-color: rgba(255, 255, 255, 0.03); } /* Decorative Orbs */ .bg-circle-primary { width: 250px; height: 250px; background: radial-gradient(circle, var(--bs-primary) 0%, transparent 70%); opacity: 0.1; border-radius: 50%; z-index: 0; } .bg-circle-info { width: 300px; height: 300px; background: radial-gradient(circle, var(--bs-info) 0%, transparent 70%); opacity: 0.15; border-radius: 50%; z-index: 0; }