html{transition:background .3s ease,color .3s ease}.portfolio-container{min-height:100vh;transition:all .3s ease;opacity:0;animation:fadeIn .5s ease forwards}.light-theme{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--text-primary:#1f1f1f;--text-secondary:#666666;--border-color:#e8e8e8;--shadow:0 4px 12px rgba(0,0,0,0.1)}.dark-theme{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#ffffff;--text-secondary:#cccccc;--border-color:#404040;--shadow:0 4px 12px rgba(0,0,0,0.3);background:#1a1a1a;color:#ffffff}.dark-theme .ant-card,.dark-theme .ant-layout{background:var(--bg-primary)}.dark-theme .ant-card{border:1px solid var(--border-color)}.dark-theme .ant-card,.dark-theme .ant-menu,.dark-theme .ant-typography{color:var(--text-primary)}.dark-theme .ant-menu{background:transparent}.dark-theme .ant-menu-item{color:var(--text-primary)}.dark-theme .ant-menu-item:hover{color:#1890ff}@media (max-width:768px){.section{padding:40px 0}.hero-section{min-height:80vh}.ant-menu{display:none}}@media (max-width:576px){.portfolio-container{padding:0 10px}}.fade-in{animation:fadeIn .6s ease-in-out}.slide-up{animation:slideUp .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}