@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css);@import url(https://use.fontawesome.com/releases/v5.11.2/css/all.css);@import url(https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css);label,th{font-weight:600}td,th{padding:.75rem 0}.btn,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#fff}.btn:focus,.btn:hover{background-color:#1e88e5;box-shadow:rgba(0,0,0,.3) 0 4px 8px}fieldset,h1,h2,h3,h4,h5,h6,p{margin:0 0 .75rem}.button,.layout .details,td,th,tr{vertical-align:middle}.button,.navbar .menu,.navbar .menu a{position:relative}#theme-toggle::after,#theme-toggle::before{opacity:0;transform:scale(0);position:absolute}button,input[type=button],input[type=reset],input[type=submit]{appearance:none;background-color:#394a6e;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1;padding:.75rem 1.5rem;text-decoration:none;transition:background-color 150ms;user-select:none;vertical-align:middle;white-space:nowrap}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover,input[type=button]:disabled:hover,input[type=reset]:disabled:hover,input[type=submit]:disabled:hover{background-color:#477dca}fieldset{background-color:#f7f7f7;border:1px solid #ddd;padding:1.5rem}input,label,select{display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem}label{margin-bottom:.375rem}label.required::after{content:"*"}label abbr{display:none}select{margin-bottom:1.5rem;max-width:100%;width:auto}dl{margin-bottom:.75rem}dl dt{font-weight:700;margin-top:.75rem}dl dd{margin:0}table{border-collapse:collapse;font-feature-settings:"kern","liga","tnum";margin:.75rem 0;table-layout:fixed;width:60%}th{border-bottom:1px solid #a6a6a6;text-align:left}.header-right a,.layout .details h4 a,.layout .details p b,h1{font-weight:500}.center-text,.layout-top-middle .details,ul.icons a{text-align:center}h3{text-align:center}td{border-bottom:1px solid #ddd}hr{border-width:0 0 1px;border-style:initial initial solid;border-color:initial initial #ddd;margin:1.5rem 0}img,picture{margin:0;max-width:100%}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit;box-sizing:border-box}.btn{background-color:#2196f3;font-size:14px;text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;margin:4px 2px;border:none;border-radius:4px;box-shadow:rgba(0,0,0,.2) 0 2px 4px;transition:background-color .3s,box-shadow .3s,transform .1s}.btn:focus{outline:0}.btn:active{background-color:#1976d2;box-shadow:rgba(0,0,0,.2) 0 1px 2px;transform:translateY(1px)}.btn.disabled{background:#eaeaea;color:#9e9e9e;cursor:default;top:0}a,mark{color:#fff}body{-webkit-font-smoothing:antialiased;color:#333;font-feature-settings:"kern","liga","pnum";font-size:1rem;line-height:1.5}.container{margin-top:30px;margin-bottom:10px}.header-container{margin-top:50px}.header-right{text-align:right;margin:-20px 0 15px}.header-left{margin:-15px 0 0}.header-right p{font-size:1.6rem;text-align:right;margin-bottom:3px}.button,ul.icons a,ul.icons li{display:inline-block}.button--sacnite::before{transform:scale3d(.9,.9,1);transition:box-shadow .3s,transform .3s}.button{min-width:150px;border:none;background:0 0;color:inherit;z-index:1;backface-visibility:hidden;border-radius:0;float:none;margin:0 auto;padding:5px 20px;font-weight:400;max-width:400px}.button--round-l{border-radius:40px}.button.button--sacnite{width:60px;height:60px;min-width:0;padding:0;color:#fff;transition:color .3s}.button--sacnite:hover{color:#8e8e8e}.button--sacnite:hover::before{box-shadow:#333 0 0 0 2px inset;transform:scale3d(1,1,1)}.dark .button--sacnite::before{box-shadow:#e6e6e6 0 0 0 35px inset}.dark .button.button--sacnite{color:#222}.dark,.dark .button--sacnite:hover,.dark .icons a:hover i{color:#e6e6e6}.dark .button--sacnite:hover::before{box-shadow:#e6e6e6 0 0 0 2px inset}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.2}a{transition:color 150ms}a:active,a:focus,a:hover{color:rgb(226 234 244)}h1{font-size:4rem;margin-bottom:.1rem}.layout .details .fa,h2{font-size:2rem}h2,h3,h4{font-weight:300}h3{font-size:2.1rem;border-bottom:none;padding-bottom:8px;margin-bottom:25px;color:#394a6e;font-weight:600;letter-spacing:1px;font-family:Georgia,'Times New Roman',serif;font-style:italic}h4{font-size:2.5rem;margin-bottom:3px}a i,p,ul{font-size:1.6rem}p,ul{text-align:justify}mark{padding:2px 4px;font-size:90%;background-color:#394a6e;border-radius:3px;box-shadow:rgba(0,0,0,.25) 0 -1px 0 inset}.dark{background-color:#222}.dark mark{color:#222;background-color:#e6e6e6}.dark a{color:#477dca}ul.icons a:hover{background:rgba(0,0,0,.024)}ul.icons a{transition:background-color .25s ease-in-out;width:2.75rem;height:2.75rem;line-height:2.8rem;border:0;box-shadow:none;padding:0;border-radius:100%;color:#aaa}.icons i{font-size:30px;line-height:60px}.icons{font-size:0rem;text-align:right}@media screen and (max-width:768px){.icons{text-align:center}}.dark .icons i{background:0 0;color:#c58b8b}.header-right a{color:inherit}.profile-img{width:200px;height:200px;margin:0 auto 20px;display:block;border-radius:100px;background-size:cover;background-position:center center;background-repeat:repeat,no-repeat;box-shadow:#636161 0 0 20px inset}.layout,.navbar .menu,.navbar .menu li,.navbar .menu li:hover .container{display:flex}.list-container h3{margin-bottom:0}.border-weak{padding-bottom:8px;border-bottom:1px dashed #ccc}.layout{margin-top:3rem;flex-direction:row}.layout .details{display:flex;flex-direction:column;text-align:left;justify-content:center}.layout .details p{margin-bottom:3px;font-size:1.6rem;text-align:inherit;font-weight:300}.footer-container a,.layout .details a{color:inherit;font-style:italic;font-weight:300}.layout .details .link{font-size:1.5rem}.layout .details h4{margin-bottom:.1rem;font-weight:500}.layout-right{flex-direction:row-reverse}.layout-right .details,.layout-top-right .details{text-align:right}@media screen and (max-width:767px){.header-container div,.header-right p{text-align:center}.header-left{margin-top:0}.layout .details,.layout .details p{text-align:center!important}.layout-left,.layout-right{flex-direction:column}}.layout-left .details,.layout-right .details{margin-bottom:2rem}.layout-top,.layout-top-middle,.layout-top-right{flex-direction:column}.layout-top .content,.layout-top .details,.layout-top-middle .content,.layout-top-middle .details,.layout-top-right .content,.layout-top-right .details{width:100%}.footer-container{margin-top:100px}.footer-container p{text-align:center;font-style:italic;font-weight:300}.page-content{padding:0}.contact a{line-height:50px;margin-left:30px;color:#bbb;transition:color .4s}.contact a:hover{color:#4c4c4c}p.quote{font-size:1.4rem;font-style:italic;padding:1rem 2.5rem;text-align:center}@media print{.container{margin-top:20px}.header-left{margin-top:0}a[href]::after,img[src]::after{content:none!important}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-print-12,.col-sm-12{width:100%}.col-sm-11{width:91.6667%}.col-sm-10{width:83.3333%}.col-sm-9{width:75%}.col-sm-8{width:66.6667%}.col-sm-7{width:58.3333%}.col-sm-6{width:50%}.col-sm-5{width:41.6667%}.col-sm-4{width:33.3333%}.col-sm-3{width:25%}.col-sm-2{width:16.6667%}.col-sm-1{width:8.33333%}.no-print,.no-print *{display:none!important}body{font-size:.9rem}h3{margin-bottom:20px}.layout .details h4{margin-bottom:.2rem}p.quote{text-align:left;padding:0 1rem;margin-top:1rem}}.layout .details{flex-direction:inherit}td{font-size:15px}body{background:#edeff0;font-family:Hind,sans-serif}.navbar{background-color:#394a6e;color:#fff;box-shadow:rgba(0,0,0,.2) 0 6px 5px 0}.navbar .menu li{flex:1 1 0%;text-align:center;transition:background-color .5s}.navbar .menu a{flex:1 1 0%;justify-content:center;display:inline-flex;color:#fff;text-decoration:none;padding:20px}.navbar .menu a>.fa{font-weight:700;margin-left:8px}.navbar .menu li:hover{background-color:#8f3985}.link-icon{color:#394a6e;transition:color .3s}.link-icon:hover{color:#2c3655}.btn-website,.btn-website:hover{background-color:#007bff;color:#fff}a.hasDropdown::after{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);height:0;width:0;border-width:8px;border-style:solid;border-color:#394a6e transparent transparent;border-image:initial;z-index:2}li:hover a.hasDropdown::after{content:"";border-top-color:#8f3985}@media (max-width:820px){.navbar .menu{display:block;position:relative}.fa-angle-down,.navbar .menu li:hover .container,li:hover a.hasDropdown::after{display:none}}.btn-website{display:inline-block;padding:3px 8px;margin-left:10px;font-size:12px;text-align:center;border:1px solid #007bff;border-radius:4px;text-decoration:none}.btn-website:hover{border-color:#007bff}.light-theme,:root{--clr-foreground:hsl(0 0% 0%);--clr-background:hsl(0 0% 100%)}@media (prefers-color-scheme:dark){:root{--clr-background:hsl(0 0% 0%);--clr-foreground:hsl(0 0% 100%)}}.dark-theme{--clr-background:hsl(0 0% 0%);--clr-foreground:hsl(0 0% 100%)}#theme-toggle svg{fill:hsl(49.97deg 100% 82.61%)}#theme-toggle::before{content:"";inset:0;background:hsl(0 0% 50% / .2);border-radius:inherit;z-index:-1}.light-theme #theme-toggle::before{animation:650ms ease-out pulseToLight}.dark-theme #theme-toggle::before{animation:650ms ease-out pulseToDark}#theme-toggle::after{content:attr(aria-label);color:hsl(0deg 0% 95.3% / 95%);background:hsl(0deg 0% 0% / 47%);width:max-content;font-size:1.5rem;left:0;right:0;top:-25%;margin:0 0 0 250px;padding:.5em 1em;border-radius:.125em;transform-origin:top;transition:transform 0s linear .1s,opacity .1s linear}#theme-toggle:focus,#theme-toggle:hover{outline:0;opacity:1}.toggle-circle{transition:transform .5s ease-out}.light-theme .toggle-circle{transform:translateX(-15%)}.toggle-sun{transform-origin:center center;transition:transform 750ms cubic-bezier(.11, .14, .29, 1.32)}.light-theme .toggle-sun{transform:rotate(.5turn)}@keyframes pulseToLight{0%{transform:scale(0);opacity:.5}10%{transform:scale(1)}75%{opacity:1}100%{opacity:0;transform:scale(1)}}@keyframes pulseToDark{0%{transform:scale(0);opacity:.5}10%{transform:scale(1)}75%{opacity:1}100%{opacity:0;transform:scale(1)}}

/* Header Navigation */
.header-nav{list-style:none;margin:15px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.header-nav li{margin:0}.header-nav a{display:inline-block;padding:6px 14px;color:#fff;text-decoration:none;font-size:1.3rem;background-color:rgba(255,255,255,.15);border-radius:20px;transition:background-color .3s,transform .2s}.header-nav a:hover{background-color:rgba(255,255,255,.3);transform:translateY(-2px);color:#fff}.dark .header-nav a{background-color:rgba(255,255,255,.1)}.dark .header-nav a:hover{background-color:rgba(255,255,255,.25)}@media screen and (max-width:768px){.header-nav{justify-content:center;margin-top:10px}.header-nav a{padding:5px 10px;font-size:1.1rem}}html{scroll-behavior:smooth}

/* Mobile Responsive Styles */
@media screen and (max-width: 768px) {
    /* Typography */
    h1 {
        font-size: 2.5rem !important;
        margin-bottom: 0.5rem;
    }
    
    h2 {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem;
    }
    
    h3 {
        font-size: 2rem !important;
        padding-bottom: 8px;
        margin-bottom: 25px;
    }
    
    h4 {
        font-size: 1.8rem !important;
    }
    
    p, ul, a i {
        font-size: 1.4rem !important;
        line-height: 1.6;
    }
    
    /* Header */
    .header-container {
        margin-top: 20px;
        padding: 0 15px;
    }
    
    .header-left {
        margin: 0;
        text-align: center;
    }
    
    .header-right {
        text-align: center;
        margin: 15px 0;
    }
    
    .header-right p {
        font-size: 1.3rem !important;
        text-align: center;
        margin-bottom: 10px;
    }
    
    /* Navigation */
    .header-nav {
        justify-content: center;
        margin-top: 15px;
        gap: 8px;
    }
    
    .header-nav a {
        padding: 6px 12px;
        font-size: 1rem;
    }
    
    /* Icons */
    .icons {
        text-align: center;
        margin: 15px 0;
    }
    
    .button.button--sacnite {
        width: 50px;
        height: 50px;
        margin: 5px;
    }
    
    .icons i {
        font-size: 24px;
        line-height: 50px;
    }
    
    /* Profile Image */
    .profile-img {
        width: 150px;
        height: 150px;
        margin: 0 auto 20px;
    }
    
    /* Container */
    .container {
        margin-top: 20px;
        margin-bottom: 15px;
        padding: 0 15px;
    }
    
    .intro-container {
        padding: 0 10px;
    }
    
    /* Layout */
    .layout {
        margin-top: 2rem;
        flex-direction: column;
    }
    
    .layout .details {
        text-align: center !important;
        margin-bottom: 1.5rem;
    }
    
    .layout .details p {
        text-align: center !important;
        font-size: 1.4rem;
    }
    
    /* Tables */
    table {
        width: 100% !important;
        font-size: 1.2rem;
        display: block;
        overflow-x: auto;
    }
    
    td, th {
        padding: 0.5rem;
        font-size: 1.2rem;
    }
    
    /* Footer */
    .footer-container {
        margin-top: 50px;
        padding: 0 15px;
    }
    
    /* Text Container */
    .text-container {
        padding: 0 10px;
    }
    
    /* Mark tags */
    mark {
        font-size: 85%;
        padding: 2px 6px;
        display: inline-block;
        word-break: break-word;
    }
    
    /* Row adjustments */
    .row {
        margin: 0;
    }
    
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 480px) {
    /* Extra small devices */
    h1 {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.3rem !important;
    }
    
    h3 {
        font-size: 1.6rem !important;
        margin-bottom: 20px;
    }
    
    h4 {
        font-size: 1.5rem !important;
    }
    
    p, ul, a i {
        font-size: 1.2rem !important;
    }
    
    .header-nav a {
        padding: 5px 8px;
        font-size: 0.9rem;
    }
    
    .profile-img {
        width: 120px;
        height: 120px;
    }
    
    .header-right p {
        font-size: 1.1rem !important;
    }
    
    .button.button--sacnite {
        width: 45px;
        height: 45px;
    }
    
    .icons i {
        font-size: 20px;
        line-height: 45px;
    }
    
    .container {
        padding: 0 10px;
    }
    
    table {
        font-size: 1rem;
    }
    
    td, th {
        font-size: 1rem;
        padding: 0.4rem;
    }
}

@media screen and (max-width: 320px) {
    h1 {
        font-size: 1.8rem !important;
    }
    
    h2 {
        font-size: 1.2rem !important;
    }
    
    h3 {
        font-size: 1.4rem !important;
    }
    
    .header-nav {
        flex-direction: column;
        gap: 5px;
    }
    
    .header-nav a {
        width: 100%;
        text-align: center;
    }
}