*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3b82f6;--secondary-color: #6366f1;--accent-color: #8b5cf6;--text-color: #f8fafc;--text-light: #cbd5e1;--text-muted: #64748b;--bg-color: #0f172a;--bg-secondary: #1e293b;--card-bg: #1e293b;--border-color: #334155;--hover-color: #475569}html,body{height:100vh;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background-attachment:fixed}.app{height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;padding:1rem}.section{background:var(--card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.section:hover{border-color:var(--primary-color);background:#233142}h1{font-size:2.2rem;color:var(--text-color);margin-bottom:.5rem;line-height:1.2;font-weight:700}h2{font-size:1.4rem;color:var(--text-color);margin-bottom:1rem;line-height:1.2;font-weight:600}h3{font-size:1rem;color:var(--primary-color);margin-bottom:.5rem;line-height:1.2;font-weight:600}p{color:var(--text-light);line-height:1.6;margin-bottom:.5rem;font-size:.95rem}.hero{grid-column:1;grid-row:1;justify-content:center}.profile-container{display:flex;align-items:center;gap:1.5rem;height:100%}.profile-pic{width:120px;height:120px;border-radius:50%;border:2px solid var(--primary-color);flex-shrink:0;transition:all .3s ease}.profile-pic:hover{border-color:var(--secondary-color)}.profile-info{flex:1}.profile-info p{color:var(--text-muted);font-weight:500;margin-bottom:.8rem}.profile-info p:last-child{color:var(--accent-color);font-weight:600;font-size:.95rem}.tech-stack{margin-top:1rem}.tech-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:.5rem}.tech-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease;font-size:.85rem}.tech-icon:hover{background:var(--hover-color);border-color:var(--primary-color)}.tech-icon svg{font-size:1.2rem;flex-shrink:0}.tech-icon span{font-weight:500;color:var(--text-light)}.tech-icon.mongodb svg{color:#47a248}.tech-icon.express svg{color:#fff}.tech-icon.react svg{color:#61dafb}.tech-icon.nodejs svg{color:#393}.about{grid-column:2;grid-row:1;overflow-y:auto}.about::-webkit-scrollbar{width:6px}.about::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.about::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.about::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.about p{font-size:1rem;line-height:1.6;color:var(--text-light)}.projects{grid-column:1;grid-row:2}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;overflow-y:auto;padding-right:.5rem}.projects-grid::-webkit-scrollbar{width:6px}.projects-grid::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.projects-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.projects-grid::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.project-card{background:var(--card-bg);padding:1rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:130px;transition:all .2s ease}.project-card:hover{background:var(--hover-color);border-color:var(--primary-color)}.project-card h3{font-size:1rem;margin-bottom:.5rem;line-height:1.1}.project-card p{font-size:.85rem;margin-bottom:.8rem;flex:1;line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo-stats{display:flex;gap:1rem;margin-bottom:.8rem;font-size:.8rem;color:var(--text-muted)}.repo-stats span{display:flex;align-items:center;gap:.3rem}.project-links{margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-size:.8rem;font-weight:500;transition:all .2s ease}.project-link:hover{background:var(--secondary-color)}.loading-spinner{display:flex;align-items:center;justify-content:center;flex:1;color:var(--primary-color);font-size:1rem;font-weight:500}.links{grid-column:2;grid-row:2;justify-content:center}.social-links{display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:var(--card-bg);color:var(--text-color);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;border:1px solid var(--border-color);transition:all .2s ease;min-height:60px}.social-link:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.social-link svg{font-size:1.3rem}.social-link span{font-weight:600}@media (max-width: 768px){.app{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:1rem;padding:1rem}.section{padding:1rem}.hero{grid-column:1;grid-row:1}.about{grid-column:1;grid-row:2;padding-right:1.5rem}.projects{grid-column:1;grid-row:3}.links{grid-column:1;grid-row:4}.projects-grid{grid-template-columns:1fr;gap:.8rem}.profile-container{flex-direction:column;text-align:center;gap:1rem}.profile-pic{width:120px;height:120px}.social-links{flex-direction:row;gap:1rem}.social-link{flex:1;padding:1rem;font-size:.9rem;min-height:50px}.social-link svg{font-size:1.2rem}h1{font-size:2rem}.tech-icons{grid-template-columns:repeat(4,1fr);gap:.5rem}.tech-icon{flex-direction:column;padding:.4rem;text-align:center}.tech-icon span{font-size:.75rem}.tech-icon svg{font-size:1rem}}