:root{--font-primary:"Poppins","Inter",ui-sans-serif,system-ui,sans-serif;--font-secondary:"Inter",ui-sans-serif,system-ui,sans-serif;--font-lato:"Lato",sans-serif;--gradient-start:rgba(92,129,202,1);--gradient-end:rgba(249,140,112,1);--shadowed-title-font-size:2.5rem;--shadowed-title-font-weight:lighter;--shadowed-title-color:#e4e2e2dc;--shadowed-title-font-family:"Lato",sans-serif;--shadowed-title-text-transform:uppercase;--shadowed-title-text-shadow:0px 10px rgba(0,0,0,0.15);--shadowed-title-text-align:center}body,html{margin:0!important;padding:0!important;box-sizing:border-box;border:none!important;outline:none!important;width:100vw;min-height:100vh;height:100vh;background:none}.shadowed-text{font-size:var(--shadowed-title-font-size);font-weight:var(--shadowed-title-font-weight);color:var(--shadowed-title-color);font-family:var(--shadowed-title-font-family);text-transform:var(--shadowed-title-text-transform);text-shadow:var(--shadowed-title-text-shadow);text-align:var(--shadowed-title-text-align)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-family:var(--font-primary);font-weight:700}.portfolio-container{min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2)}.macintosh-landing{background:linear-gradient(135deg,#1e3c72,#2a5298)}.profile-section{background-color:#f8f9fa}.about-section{background-color:#ffffff}.contact-section{background:linear-gradient(135deg,#2c3e50,#34495e)}.resume-section{background-color:#f8f9fa}.portfolio-section{background-color:#ffffff}.card{transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.navbar-brand{font-weight:700;font-size:1.5rem}.nav-link,.navbar-brand{font-family:var(--font-primary)}.nav-link{font-weight:500;transition:color .3s ease}.nav-link:hover{color:#007bff!important}.btn{font-weight:600;font-family:var(--font-primary);transition:all .3s ease}.btn:hover{transform:translateY(-2px)}.progress-bar{transition:width 1s ease-in-out}@media (max-width:768px){.display-3{font-size:2.5rem}.display-4{font-size:2rem}}.modal-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:120px;text-align:center}.modal-loading:before{content:"";width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:modal-loading-spin .8s linear infinite}@keyframes modal-loading-spin{to{transform:rotate(1turn)}}