:root{--bg-primary: #faf9f7;--bg-secondary: #f5f4f0;--bg-tertiary: #ebe9e5;--text-primary: #1a1915;--text-secondary: #5d5a52;--text-muted: #8c8880;--border-color: #e5e3dd;--card-bg: #ffffff;--nav-bg: rgba(250, 249, 247, .9);--code-bg: #f5f4f0;--accent-primary: #ea580c;--accent-secondary: #f97316;--accent-muted: #fdba74;--accent-bg: rgba(234, 88, 12, .1);--accent-border: rgba(234, 88, 12, .2)}.dark{--bg-primary: #0a0f1a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--card-bg: #0f172a;--nav-bg: rgba(10, 15, 26, .8);--code-bg: #1e293b;--accent-primary: #10b981;--accent-secondary: #34d399;--accent-muted: #6ee7b7;--accent-bg: rgba(16, 185, 129, .1);--accent-border: rgba(16, 185, 129, .2)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.dark\:bg-slate-900{background:#fff!important}.dark\:text-white{color:#000!important}}.section-panel{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.slide-in-right{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) forwards}.slide-in-left{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) forwards}.slide-out-right{animation:slideOutRight .5s cubic-bezier(.16,1,.3,1) forwards}.slide-out-left{animation:slideOutLeft .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:.3;transform:translate(50px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:.3;transform:translate(-50px)}}.glow-emerald{box-shadow:0 0 20px #10b9814d}.glow-sky{box-shadow:0 0 20px #0ea5e94d}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,#0ea5e9 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:transform .2s ease-out,box-shadow .2s ease-out}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.timeline-line{background:linear-gradient(180deg,var(--accent-primary) 0%,#0ea5e9 50%,#8b5cf6 100%)}@media(max-width:767px){body.mobile-layout{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important}body.mobile-layout .module-section,body.mobile-layout section{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}#module-nav,#progress-bar{display:none!important}#about-competencies{grid-template-columns:1fr!important}#main-footer{padding-bottom:80px}}