:root{--primary-green:#5d7000;--primary-green-light:#7a9200;--primary-green-dark:#4a5700;--background-primary:#fff;--background-secondary:#f8f9fa;--background-tertiary:#f1f3f4;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border-light:#e2e8f0;--border-medium:#cbd5e0;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--status-success:#38a169;--status-warning:#d69e2e;--status-error:#e53e3e;--status-info:#3182ce}[data-theme=dark]{--background-primary:#1a1a1a;--background-secondary:#2d2d30;--background-tertiary:#3e3e42;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--border-light:#4a4a4a;--border-medium:#6a6a6a;--card-bg:#2d2d30;--card-border:#4a4a4a;--card-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--card-shadow-hover:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--background-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}.section-header{position:relative;color:var(--primary-green);font-weight:700;margin-bottom:3rem}[data-theme=dark] .section-header{color:#7a9200}.section-header:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-green);border-radius:2px}[data-theme=dark] .section-header:after{background:#7a9200}.modern-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .3s ease}.modern-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px);border-color:var(--primary-green)}.skill-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .3s ease;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.skill-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px);border-color:var(--primary-green)}.skill-card img{width:80px;height:80px;object-fit:contain}.skill-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.skill-card p{font-size:.875rem;color:var(--text-secondary);margin:0}.hero-section{background:var(--background-primary);padding:4rem 0}.hero-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;max-width:72rem;margin:0 auto}.hero-avatar,.hero-card{box-shadow:var(--card-shadow-hover)}.hero-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--primary-green-light)}.hero-title{color:var(--text-primary);font-size:2.25rem;font-weight:700;margin:0 0 .75rem}.hero-subtitle{color:var(--primary-green);font-size:1.25rem;font-weight:600;margin:0 0 2rem}.hero-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;text-align:center;margin:0}.section-white{background:var(--background-primary);padding:4rem 0}.section-gray{background:var(--background-secondary);padding:4rem 0}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:1rem}.section-header{font-size:2rem}.modern-card,.skill-card{padding:1.25rem}}@media (max-width:480px){.hero-card{padding:1.5rem;margin:0 1rem}.hero-avatar{width:100px;height:100px}.hero-title,.section-header{font-size:1.75rem}}