*{margin:0;padding:0}html,body,#root{height:100%}#root{flex-direction:column;display:flex}#root>div{flex-direction:column;min-height:100vh;display:flex}.app-header{color:#fff;background:linear-gradient(90deg,#16a085,#1abc9c);justify-content:space-between;align-items:center;padding:15px 30px;display:flex;box-shadow:0 4px 8px #0003}.logo{font-size:1.5rem;font-weight:700}.nav-links a{color:#fff;margin:0 15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#f1c40f}.about-container{background:#fdfdfd;border-radius:12px;max-width:800px;margin:40px auto;padding:20px;font-family:Arial,sans-serif;box-shadow:0 4px 12px #0000001a}.about-container h1{color:#2c3e50;margin-bottom:15px}.about-container p{color:#555;line-height:1.6}.about-section{margin-top:20px}.about-section h2{color:#16a085;margin-bottom:10px}.about-section ul{padding-left:20px;list-style-type:square}.home-container{text-align:center;padding:40px;font-family:Arial,sans-serif}.hero{color:#fff;background:linear-gradient(135deg,#16a085,#1abc9c);border-radius:12px;margin-bottom:30px;padding:60px 20px;box-shadow:0 4px 12px #0003}.hero h1{margin-bottom:15px;font-size:2.5rem}.hero p{margin-bottom:20px;font-size:1.2rem}.cta-button{color:#2c3e50;background:#f1c40f;border-radius:8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:background .3s;display:inline-block}.cta-button:hover{background:#d4ac0d}.intro{margin-top:20px}.intro h2{color:#2c3e50;margin-bottom:10px}.intro p{color:#555;line-height:1.6}.blog-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.blog-card{text-align:left;background:#fdfdfd;border-radius:12px;width:300px;padding:20px;box-shadow:0 4px 12px #0000001a}.blog-card h3{color:#16a085;margin-bottom:10px}.blog-card p{color:#555;line-height:1.4}.blog-card a{color:#1abc9c;margin-top:15px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block}.blog-card a:hover{color:#16a085}.blog-post-container{background:#fdfdfd;border-radius:12px;max-width:800px;margin:40px auto;padding:20px;font-family:Arial,sans-serif;box-shadow:0 4px 12px #0000001a}.contact-container{background:#fdfdfd;border-radius:12px;max-width:600px;margin:40px auto;padding:20px;font-family:Arial,sans-serif;box-shadow:0 4px 12px #0000001a}.contact-container h1{color:#2c3e50;margin-bottom:10px}.contact-container p{color:#555;margin-bottom:20px}.contact-form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;padding:12px;font-size:1rem}.contact-form button{color:#fff;cursor:pointer;background:#16a085;border:none;border-radius:8px;padding:12px;font-weight:700;transition:background .3s}.contact-form button:hover{background:#1abc9c}.resume-container{background:#fff;border-radius:18px;max-width:1200px;margin:40px auto;padding:28px;box-shadow:0 16px 48px #0f172a14}.resume-header{border-bottom:2px solid #f5f7fa;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:24px;display:flex}.resume-header h1{color:#111827;margin:0;font-size:2.4rem}.resume-subtitle{color:#4b5563;margin:8px 0 0}.resume-contact p{color:#374151;margin:6px 0}.resume-body{grid-template-columns:2fr 1fr;gap:32px;display:grid}.resume-main,.resume-sidebar{flex-direction:column;gap:24px;display:flex}.resume-section{background:#f8fafc;border-radius:14px;padding:24px}.resume-section h2{color:#0f172a;margin:0 0 16px;font-size:1.15rem}.resume-section p,.resume-section li{color:#475569;line-height:1.75}.resume-meta{color:#64748b;margin:10px 0 12px;font-size:.95rem}.resume-item ul{margin:0;padding-left:20px}.resume-item ul li{margin-bottom:10px}.skill-bar{color:#334155;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.95rem;display:flex}.skill-bar small{color:#0f172a}.resume-section ul{padding-left:20px;list-style:outside}@media (width<=960px){.resume-body{grid-template-columns:1fr}}@media (width<=640px){.resume-container{margin:24px auto;padding:20px}.resume-header{flex-direction:column;align-items:flex-start}}.app-footer{color:#fff;text-align:center;background:linear-gradient(90deg,#16a085,#1abc9c);margin-top:auto;padding:20px 30px;font-size:.95rem}.footer-content{max-width:1200px;margin:0 auto}.app-footer p{margin:8px 0;line-height:1.6}.app-footer .heart{color:#f1c40f}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#f1c40f}.service-container{text-align:center;max-width:1000px;margin:40px auto;padding:20px;font-family:Arial,sans-serif}.service-container h1{color:#2c3e50;margin-bottom:10px}.service-container p{color:#555;margin-bottom:30px}.service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.service-card{background:#fdfdfd;border-radius:12px;padding:20px;transition:transform .3s;box-shadow:0 4px 12px #0000001a}.service-card:hover{transform:translateY(-5px)}.service-card h2{color:#16a085;margin-bottom:10px}.service-card p{color:#555;line-height:1.5}.blog-container{max-width:1000px;margin:40px auto;padding:20px;font-family:Arial,sans-serif}.blog-container h1{color:#2c3e50;text-align:center;margin-bottom:10px}.blog-container p{color:#555;text-align:center;margin-bottom:30px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.blog-card{background:#fdfdfd;border-radius:12px;padding:20px;transition:transform .3s;box-shadow:0 4px 12px #0000001a}.blog-card:hover{transform:translateY(-5px)}.blog-card h2{color:#16a085;margin-bottom:10px}.blog-card .date{color:#888;margin-bottom:10px;font-size:.9rem}.read-more{color:#1abc9c;margin-top:10px;font-weight:700;text-decoration:none;display:inline-block}.read-more:hover{text-decoration:underline}