:root{--bg-color: #121212;--surface-color: #1e1e1e;--primary-color: #00dc82;--text-color: #e0e0e0;--text-muted: #888}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:40px 20px}section{background-color:var(--surface-color);border-radius:8px;padding:30px;margin-bottom:40px}h2{color:#fff;border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-top:0;font-size:2rem}.site-header{text-align:center;padding:60px 0}.site-header h1{font-size:3.5rem;margin:0;color:#fff}.site-header h1 span{color:var(--primary-color)}.site-header p{font-size:1.2rem;color:var(--text-muted)}.profile-img{width:300px;height:300px;border-radius:50%;object-fit:cover;border:4px solid var(--primary-color);margin-bottom:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.project-card{background-color:#2a2a2a;border-radius:6px;padding:20px;border:1px solid #333}.project-card h3{margin-top:0}.project-card p{color:var(--text-muted);font-size:.9rem}.project-card a{color:var(--primary-color);text-decoration:none}button{background-color:var(--primary-color);color:var(--bg-color);border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .2s,background-color .2s}button:hover:not(:disabled){transform:scale(1.05)}button:disabled{background-color:#555;cursor:not-allowed}.api-response{background-color:#2a2a2a;border:1px solid #333;border-radius:5px;padding:15px;margin-top:20px;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-all;color:var(--text-muted)}#technology .subtitle{color:var(--text-color);text-align:left;font-size:1.1rem;margin-bottom:40px}.tech-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.tech-card{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:25px}.tech-card h3{color:#fff;border-bottom:2px solid var(--primary-color);padding-bottom:8px;margin-top:0;margin-bottom:25px;font-size:1.3rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:20px;justify-items:center}.tech-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.tech-item span{font-size:.85rem;color:var(--text-muted)}.tech-item .tech-icon{font-size:40px;color:#ccc;transition:all .2s ease-in-out}.tech-item:hover .tech-icon{color:var(--primary-color);transform:scale(1.1)}.tech-item:hover span{color:var(--text-color)}