.image-wrapper{position:relative;display:inline-block}.social-icons{position:center;right:-5px;display:grid;gap:.8rem}.social-icons a{background-color:#0f172a;color:#facc15;border-radius:50%;padding:.4rem;font-size:1.1rem;transition:background-color .3s}.social-icons a:hover{background-color:#1e293b}.profile-image{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid #facc15;box-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem}.header{padding:3rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeInDown 1s ease-in-out}.header-text{max-width:600px}.header-title{font-size:3rem;font-weight:700;color:#facc15}.header-subtitle{margin-top:1rem;font-size:1.5rem;color:#cbd5e1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.about{padding:3rem 1.5rem;max-width:800px;margin:auto;background:#0f172acc;border-radius:1rem;box-shadow:0 0 30px #ffffff0d;animation:fadeInUp 1s ease;text-align:left}.section-title{text-align:center;color:#fff;font-size:2rem;margin-bottom:2rem}.about-text{color:#e2e8f0;font-size:1.15rem;line-height:1.8;display:flex;flex-direction:column;gap:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects{padding:4rem 1rem;max-width:1200px;margin:auto;text-align:center}.section-title{font-size:2.5rem;color:#d1c3c3;margin-bottom:2rem;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8rem;justify-items:center}.project-card{width:100%;max-width:350px;background:linear-gradient(to bottom right,#1e3a8a,#3b82f6);color:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 12px 30px #0000004d;transition:all .3s ease-in-out;cursor:pointer;text-align:left}.project-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 16px 35px #00000080}.project-title{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;color:#facc15}.project-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:#e0f2fe}.project-link{font-weight:600;text-decoration:none;color:#fcd34d;border-bottom:2px solid transparent;transition:border-color .3s}.project-link:hover{border-color:#fcd34d}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.contact{background:#111827e6;padding:3rem 1rem;text-align:center;border-top:1px solid #334155;color:#f8fafc}.section-title{font-size:2rem;margin-bottom:1rem}.contact-text{font-size:1.1rem;color:#cbd5e1}.contact-details{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0;gap:1rem}.contact-item{display:flex;align-items:center;gap:.8rem}.contact-icon{font-size:1.3rem;color:#3b82f6}.contact-link{font-size:1rem;color:#f8fafc;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#60a5fa}.contact-icons{display:flex;justify-content:center;gap:1.5rem;font-size:2rem;margin-top:1.5rem}.icon-link{color:#f8fafc;transition:transform .3s ease,color .3s ease}.icon-link:hover{color:#3b82f6;transform:scale(1.2)}.footer{padding:1.5rem;text-align:center;font-size:.9rem;color:#94a3b8;border-top:1px solid #334155;background:#0f172acc}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom,#111827,#000);color:#fff}.app-container{min-height:100vh;display:flex;flex-direction:column}