body{box-sizing:border-box}.gradient-bg{background:linear-gradient(135deg,var(--primary-color,#1e40af)0%,var(--secondary-color,#3b82f6)100%)}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.skill-bar{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,var(--accent-color,#10b981)0%,var(--secondary-accent,#059669)100%);border-radius:4px;height:100%;transition:width 2s ease-in-out}.nav-link{color:var(--text-color,#374151);transition:color .3s}.nav-link:hover{color:var(--accent-color,#10b981)}@view-transition{navigation:auto}#nav-name{color:var(--primary-color,#1e40af)}.bg-surface{background-color:var(--surface-color,#f9fafb)}.bg-accent{background-color:var(--accent-color,#10b981)}.bg-primary{background-color:var(--primary-color,#1e40af)}.text-body{color:var(--text-color,#374151)}.text-dim-70{color:var(--text-color,#374151);opacity:.7}.text-dim-80{color:var(--text-color,#374151);opacity:.8}.text-accent{color:var(--accent-color,#10b981)}.accent-bar{background-color:var(--accent-color,#10b981)}.card-surface{background-color:var(--surface-color,#f9fafb);border-color:#e5e7eb}.chip{background-color:var(--accent-color,#10b981);color:#fff}