* { margin: 0; padding: 0; }
        body { font-family: Arial, sans-serif; background: #f5f5f5; }
        .goldman-regular {font-family: "Goldman", sans-serif; font-weight: 400; font-style: normal;}
        .goldman-bold {font-family: "Goldman", sans-serif; font-weight: 700;font-style: normal;}
  
        #cHead {position: fixed; z-index: 1; top:0; width: 100%; height: 51pt; overflow: hidden;background: #090979; background: linear-gradient(0deg, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 50%, rgba(9, 9, 121, 1) 100%);}
        #cMenu {position: fixed; z-index: 5; left: 10pt; top: 10pt;width: 40px; height: 40px; box-shadow: 3px 3px 5px rgba(0,0,0,0.75); border-radius: 8px }
        a :hover {filter: brightness(150%);}
        #cMenuPanel {position: fixed; z-index:10; left: 20pt; top: 20pt; padding: 10pt;text-align: center;width: auto; height: auto; background: hsl(190, 91%, 88%); border-radius: 8px; border: 1px solid black;display: none;box-shadow: 3px 3px 5px rgba(0,0,0,0.75); border-radius: 8px}
        #cMenuPanel a {display: block; color: #090979; text-decoration: none; padding: 1px 0; line-height: 6pt}
        #cMenuBG {opacity: 0.25; position: fixed;left:0;top:0;width:100vw;height:100vh;display:none; z-index: 9;}
        #cHead h1 {font-size:18pt; line-height: 15pt; text-align:center; margin-top:10pt; color: #fff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75);}
        #cHead h2 {font-size:12pt; text-align:center; margin-top:0pt; color: #fff; text-shadow: 2px 2px 4px rgba( 0,0,0,0.75);}
        #cShadeH {position: fixed; left:0pt; z-index: 2; top: 40pt; width: 100%; height: 1px;} 
        #cAccounts {position: fixed; z-index: 5;  right: 10pt; top: 10pt;width: 40px; height: 40px;box-shadow: 3px 3px 5px rgba(0,0,0,0.75); border-radius: 8px }
        #cAccountsPanel {position: fixed; z-index: 10; right: 20pt; top: 20pt; padding: 10pt;text-align: center;width: auto; height: auto; background: hsl(190, 91%, 88%); border-radius: 8px; border: 1px solid black;display: none;box-shadow: 3px 3px 5px rgba(0,0,0,0.75); border-radius: 8px}
        #cAccountsPanel a {display: block; color: #090979; text-decoration: none; padding: 1px 0; line-height: 6pt}
        #cAccountsBG {opacity: 0.25;position: fixed;left:0;top:0;width:100vw;height:100vh; display:none; z-index: 9;}
        #cCar {position: fixed; left: -100pt ; z-index:3; top: 10pt; width: 100pt; height: 40pt; animation: SandisCarAni 6s infinite;}   
        #cContent {width: 100%; margin-top: 51pt; padding-bottom: 40pt;}
        .cPageHeader {font-size: 18pt; text-align:center;padding-top: 10pt; color: #090979; text-shadow: 1px 1px 2px rgba( 0,0,0,0.75);}
        #cBody {margin: 20pt; font-size: 13pt; line-height: 18pt; color: #333; columns: 2; column-gap: 20pt;}
        #cBody p {margin-bottom: 18pt; text-align: justify;}
        .cHero {position: relative; width: 100%; height: 40vw; overflow: hidden;}
        #cSubmit {font-size: 14pt; width: 150pt; padding: 5pt; border: 1px solid black; border-radius: 8pt; background-color: #000; text-shadow: 1pt 1pt 2pt rgba(0,0,0,0.95); background: linear-gradient(0deg, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 50%, rgba(9, 9, 121, 1) 100%); color: white; box-shadow: 3px 3px 5px rgba(0,0,0,0.75); cursor: pointer;}

        #cFooter {position: fixed; bottom: 0; width: 100%; height: 22pt; padding-top: 7pt;color: #fff; text-align: center; text-shadow: 2px 2px 2px rgba( 0,0,0,0.75); background: #090979; background: linear-gradient(0deg, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 50%, rgba(9, 9, 121, 1) 100%);}
        @keyframes SandisCarAni {
            0% { left: -100pt; top: 10pt; -webkit-transform: scaleX(1);  transform: scaleX(1);}
            49% {left: 100%; top: 10pt; -webkit-transform: scaleX(1);  transform: scaleX(1);}
            50% {left: 100%; top: 10pt; -webkit-transform: scaleX(-1);  transform: scaleX(-1);}
            100% { left: -100pt; top: 10pt; -webkit-transform: scaleX(-1);  transform: scaleX(-1);}
        }
        @keyframes cBrowseLeftAni {
            0% { margin-top: 0;margin-left: 100vw;}
            100% { margin-top: 0; margin-left: 0;}
        }
        @keyframes cHideLeftAni {
            0% { margin-top: 0; margin-left: 0;}
            100% { margin-top: 0; margin-left: -100vw;}
        }
        @keyframes cBrowseRightAni {
            0% { margin-top: 0; margin-left: -100vw;}
            100% { margin-top: 0; margin-left: 0;}
        }
        @keyframes cHideRightAni {
            0% { margin-top: 0; margin-left: 0;}
            100% { margin-top: 0; margin-left: 100vw;}
        }
        @keyframes cItemUpAni {
            0% { margin-top: 100vh; margin-left: 0}
            100% { margin-top: 0; margin-left: 0}
        }
        @keyframes cHideUpAni {
            0% { margin-top: 0; margin-left: 0}
            100% { margin-top: -100vw; margin-left: 0}
        }
        @keyframes cItemDownAni {
            0% { margin-top: -100vh; margin-left: 0}
            100% { margin-top: 0; margin-left: 0}
        }
        @keyframes cHideDownAni {
            0% { margin-top: 0; margin-left: 0}
            100% { margin-top: 100vw; margin-left: 0}
        }
        @media (max-width: 500px) {
            #cBody {columns: 1;}
        }