.home-container{padding:2rem;max-width:1000px;margin:auto;text-align:center}.intro-section{text-align:center;margin-bottom:2rem}.intro-section h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.intro-section h2{font-size:1.5rem;color:#444;margin-bottom:.5rem}.intro-section p{font-size:1rem;color:#555;max-width:700px;margin:0 auto}.section{margin-top:2rem}.section h3{font-size:1.75rem;margin-bottom:1rem;color:#222}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.skill-card{background:#fff;border-radius:8px;padding:.75rem;box-shadow:0 2px 6px #0000001a;font-weight:500;transition:transform .3s ease,background .3s ease,color .3s ease}.skill-card:hover{transform:translateY(-3px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,background .3s ease,color .3s ease}.card-img{width:100%;height:180px;object-fit:cover}.card-body{padding:1rem}.card-body h4{margin-bottom:.5rem;font-size:1.2rem}.card-body p{font-size:.95rem;color:#555}.card-links{display:flex;justify-content:space-between;padding-top:.5rem}.card-links a{color:#007bff;text-decoration:none;font-weight:500}.view-more{margin-top:1rem;text-align:right}.view-more a{color:#007bff;text-decoration:none;font-weight:700}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}.preview-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,background .3s ease,color .3s ease}.preview-card:hover{transform:translateY(-3px)}body.dark .intro-section h2{color:#ccc}body.dark .intro-section p{color:#bbb}body.dark .section h3{color:#f0f0f0}body.dark .skill-card,body.dark .card,body.dark .preview-card{background:#1e1e1e;color:#f0f0f0;box-shadow:0 2px 8px #ffffff0d}body.dark .card-body p,body.dark .card-body h4{color:#e0e0e0}body.dark .card-links a,body.dark .view-more a{color:#90caf9}.cta-buttons{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cta-button{padding:.6rem 1.2rem;border-radius:6px;background:var(--button-bg, #007bff);color:var(--button-text, #ffffff)!important;text-decoration:none;font-weight:500;transition:background .3s ease,transform .2s ease;border:none}.cta-button.secondary{background:var(--button-secondary-bg, #6c757d);color:var(--button-text, #ffffff)}.cta-button:hover{background:var(--button-hover-bg, #0056b3)}.cta-button.secondary:hover{background:var(--button-secondary-hover-bg, #5a6268)}body.light{--button-bg: #007bff;--button-hover-bg: #0056b3;--button-secondary-bg: #6c757d;--button-secondary-hover-bg: #5a6268;--button-text: #ffffff}body.dark{--button-bg: #0d6efd;--button-hover-bg: #0a58ca;--button-secondary-bg: #495057;--button-secondary-hover-bg: #343a40;--button-text: #ffffff}:root{--card-bg: #ffffff;--card-text: #333333;--input-bg: #ffffff;--input-text: #333333;--input-border: #ccc;--button-bg: #007bff;--button-text: #ffffff;--error-bg: #f8d7da;--error-text: #721c24}body.dark{--card-bg: #1e1e1e;--card-text: #f0f0f0;--input-bg: #2c2c2c;--input-text: #f0f0f0;--input-border: #555;--button-bg: #0d6efd;--button-text: #ffffff;--error-bg: #5c2b2e;--error-text: #ff6b6b}.contact-card{padding:2rem;max-width:500px;margin:2rem auto;background:var(--card-bg);color:var(--card-text);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background .3s ease,color .3s ease}.contact-title{text-align:center;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.5rem;border-radius:4px;border:1px solid var(--input-border);font-size:1rem;background:var(--input-bg);color:var(--input-text);transition:background .3s ease,color .3s ease,border .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--input-text);opacity:.7}.contact-form button{padding:.75rem;background:var(--button-bg);color:var(--button-text);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s ease}.contact-form button:disabled{background:#aaa;cursor:not-allowed}.error-text{background:var(--error-bg);color:var(--error-text);padding:.5rem;border-radius:4px;font-size:.85rem;transition:background .3s ease,color .3s ease}.form-container input,.form-container textarea{padding:.5rem;border-radius:4px;border:1px solid #ccc;transition:background .3s ease,color .3s ease,border-color .3s ease}body.dark .form-container input,body.dark .form-container textarea{background:#2c2c2c;color:#f0f0f0;border:1px solid #555}body.light .form-container input,body.light .form-container textarea{background:#fff;color:#000}.error-text{color:#dc3545;font-size:.85rem}.submit-button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.submit-button:hover{background:#0056b3}.admin-dashboard-blogs{padding:2rem}.admin-dashboard-blogs h2{text-align:center;margin-bottom:1rem}.create-blog-btn{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.create-blog-btn:hover{background:#0056b3}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.blog-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:background .3s ease,color .3s ease}.blog-card.light{background:#fff;color:#333}.blog-card.dark{background:#1e1e1e;color:#f0f0f0}.blog-card-buttons{display:flex;justify-content:space-between;margin-top:.5rem}.edit-btn,.delete-btn{padding:.3rem .6rem;border:none;border-radius:4px;cursor:pointer;font-weight:500}.edit-btn{background:#ffc107;color:#000}.delete-btn{background:#dc3545;color:#fff}.admin-dashboard-container{padding:2rem;max-width:900px;margin:0 auto}.admin-dashboard-container h2{text-align:center;margin-bottom:1rem}.create-button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.create-button:hover{background:#0056b3}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.admin-card{background:var(--card-bg, #fff);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.admin-card.dark{background:#1e1e1e;color:#f0f0f0}.admin-card-actions{display:flex;justify-content:space-between;margin-top:.5rem}.admin-card-actions button{padding:.3rem .6rem;border:none;border-radius:4px;cursor:pointer}.admin-card-actions button:first-child{background:#ffc107;color:#000}.admin-card-actions button:last-child{background:#dc3545;color:#fff}.form-container{display:flex;flex-direction:column;gap:.75rem}.form-container input,.form-container textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px}.form-container button{padding:.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-text{color:red;font-size:.8rem}.admin-dashboard-certifications{padding:2rem}.admin-dashboard-certifications h2{text-align:center;margin-bottom:1rem}.create-button-container{display:flex;justify-content:center;margin-bottom:1rem}.create-button-container button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:5px}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.cert-card{background:var(--bg);color:var(--text);border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a}.cert-card h3{margin-bottom:.5rem}.cert-card p{margin:.25rem 0}.cert-actions{display:flex;justify-content:space-between;margin-top:.5rem}.cert-actions button{padding:.3rem .6rem;border:none;border-radius:4px;cursor:pointer}.cert-actions button:first-child{background:#ffc107;color:#000}.cert-actions button:last-child{background:#dc3545;color:#fff}.admin-dashboard-container{max-width:1000px;margin:0 auto;padding:2rem}.admin-dashboard-container h1{text-align:center;margin-bottom:1rem}.admin-dashboard-container p{text-align:center;margin-bottom:2rem;color:var(--text-secondary, #666)}.admin-dashboard-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg, #f9f9f9);color:var(--card-text, #333);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center;flex:1 1 200px;transition:background .3s ease,color .3s ease}.stat-card h2{margin:0;font-size:2rem}.stat-card p{margin:.25rem 0 0}.admin-dashboard-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.admin-dashboard-actions button{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.admin-dashboard-actions button:hover{background:#0056b3}.admin-dashboard-recent{margin-top:2rem}.recent-section{margin-bottom:2rem}.recent-section h3{margin-bottom:.5rem;text-align:center}.recent-section ul{list-style:none;padding:0}.recent-section li{background:var(--card-bg, #f9f9f9);color:var(--card-text, #333);padding:.5rem 1rem;border-radius:4px;margin:.25rem 0;transition:background .3s ease,color .3s ease}body.dark .stat-card,body.dark .recent-section li{background:#1e1e1e;color:#f0f0f0}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.logout-button{padding:.5rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.logout-button:hover{background-color:#c82333}body.light{--input-bg: #ffffff;--input-text: #000000;--input-border: #ccc;--button-bg: #007bff;--button-text: #ffffff;--error-text: red;--bg: #f9f9f9;--text: #000000}body.dark{--input-bg: #1f1f1f;--input-text: #ffffff;--input-border: #555;--button-bg: #0d6efd;--button-text: #ffffff;--error-text: #ff6b6b;--bg: #121212;--text: #ffffff}.admin-login-form{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin:2rem auto;padding:1rem;background-color:var(--bg);color:var(--text);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background .3s ease,color .3s ease}.admin-login-form input{padding:.5rem;border:1px solid var(--input-border);border-radius:6px;font-size:1rem;background-color:var(--input-bg);color:var(--input-text);transition:background .3s ease,color .3s ease,border-color .3s ease}.admin-login-form input::placeholder{color:var(--input-text);opacity:.6;transition:color .3s ease}.admin-login-form button{padding:.5rem;background:var(--button-bg);color:var(--button-text);border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.admin-login-form button:disabled{background:#aaa;cursor:not-allowed}.error-text{color:var(--error-text);font-size:.85rem}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%}.toggle-password-visibility{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--input-text);display:flex;align-items:center;transition:color .3s ease}.eye-icon{width:1.25rem;height:1.25rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Segoe UI,sans-serif}body{transition:background-color .3s ease,color .3s ease}body.light{background-color:#fff;color:#1e1e1e}body.dark{background-color:#121212;color:#f0f0f0}body.light a{color:#007bff}body.dark a{color:#90caf9}a{text-decoration:none;color:inherit}button{cursor:pointer}#root{display:flex;flex-direction:column;min-height:100vh}