@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap";:root{--primary-color: #3a506b;--primary-blue: #007bff;--secondary-color: #5bc0be;--accent-color: #ffd700;--bg-color: #f0f4f8;--text-color: #1c2541;--card-bg: #ffffff}body,html{margin:0;padding:0;font-family:Raleway,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:20px 0;margin-top:50px}.social-links{margin-top:20px}.social-links a{color:#fff;font-size:1.5em;margin:0 10px;transition:color .3s ease}.social-links a:hover{color:var(--accent-color)}header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-align:center;padding:100px 0;position:relative;overflow:hidden}.header-content{position:relative;z-index:2}h1{font-size:4em;margin-bottom:10px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.subtitle{font-size:1.5em;font-weight:300}#tsparticles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.nav{background-color:var(--primary-color);padding:10px;text-align:center}.nav ul{list-style-type:none;margin:0;padding:0}.nav ul li{display:inline;margin:0 10px}.nav ul li a{color:#fff;text-decoration:none;font-size:1.1em;transition:color .3s ease}.nav ul li a:hover{color:var(--accent-color)}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.project-card{background-color:var(--card-bg);border-radius:15px;box-shadow:0 10px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.project-image{width:100%;height:200px;object-fit:cover}.project-content{padding:25px}.project-title{font-size:1.8em;margin-bottom:15px;color:var(--primary-color)}.project-description{font-size:1em;color:var(--text-color)}.github-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 15px;font-size:1rem;cursor:pointer;transition:background-color .2s}.github-button:hover{background-color:#0056b3}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.section-title{text-align:center;font-size:2.5em;margin-bottom:50px;color:var(--primary-color)}.skills{margin-top:50px}.skill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.skill-item{background-color:var(--card-bg);border-radius:10px;padding:15px 25px;font-size:1.1em;color:var(--primary-color);box-shadow:0 5px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000026}.search-bar{max-width:600px;margin:20px auto;display:flex}.search-bar input{flex-grow:1;padding:10px;font-size:1em;border:2px solid var(--primary-blue);border-right:none;border-radius:5px 0 0 5px}.search-bar button{padding:10px 20px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;transition:background-color .3s ease}.search-bar button:hover{background-color:var(--primary-color)}.categories{display:flex;justify-content:center;flex-wrap:wrap;margin:20px 0}.category{background-color:var(--primary-blue);color:#fff;padding:8px 15px;margin:5px;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.category:hover,.category.active{background-color:var(--primary-color)}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:50px}.blog-post{background-color:var(--card-bg);border:1px solid #ddd;overflow:hidden;border-radius:15px;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.blog-post:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.blog-post img{width:100%;height:auto}.blog-post-content{padding:25px}.blog-post-title{margin:0 0 15px}.blog-post-meta{font-size:.9em;color:#666;margin-bottom:15px}.blog-post-preview{font-size:1em;color:var(--text-color);margin-bottom:15px}.read-more{display:inline-block;padding:10px 20px;background-color:var(--primary-blue);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.read-more:hover{background-color:var(--primary-color)}.floating{animation:float 5s ease-in-out infinite}.pagination{text-align:center;margin-top:50px}.pagination a{margin:0 5px;padding:10px 15px;background-color:var(--primary-blue);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.pagination a:hover{background-color:var(--primary-color)}.pagination a.active{background-color:#333;color:#fff}.blog-post{background-color:var(--card-bg);border-radius:15px;box-shadow:0 10px 20px #0000001a;overflow:hidden;margin-top:50px}.blog-post-image{width:100%;height:400px;object-fit:cover}.blog-post-content{padding:40px}.blog-post-title{font-size:2.5em;margin-bottom:15px;color:var(--primary-color)}.blog-post-meta{font-size:1em;color:#666;margin-bottom:30px}.blog-post-body{font-size:1.1em;color:var(--text-color);margin-bottom:30px}.blog-post-body h2{font-size:1.8em;color:var(--primary-color);margin-top:40px;margin-bottom:20px}.blog-post-body p{margin-bottom:20px}.blog-post-body ul,.blog-post-body ol{margin-bottom:20px;padding-left:30px}.blog-post-body li{margin-bottom:10px}.blog-post-body a{color:var(--secondary-color);text-decoration:none;border-bottom:1px solid var(--secondary-color);transition:color .3s ease,border-color .3s ease}.blog-post-body a:hover{color:var(--primary-color);border-color:var(--primary-color)}.author-bio{display:flex;align-items:center;margin:40px 0 20px}.author-avatar{width:100px;height:100px;border-radius:50%;margin-right:20px}.author-info h3{margin:0;color:var(--primary-color)}.author-info p{margin:5px 0}.comment-author{font-weight:700;color:var(--primary-color)}.comments-section{margin-top:50px}.comment-form{margin-top:30px}.comment-form textarea{width:100%;height:100px;padding:10px;border:1px solid #ddd;border-radius:5px;resize:vertical}.comment-form button{display:block;margin-top:10px;padding:10px 20px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.comment-form button:hover{background-color:var(--primary-color)}.about{margin-top:50px;text-align:center}.about-content{max-width:800px;margin:0 auto}.about-content ul{list-style-type:disc;padding-left:20px;text-align:left;margin:20px 0}.about-content ul li{margin-bottom:10px}.portfolio-section-custom{max-width:1200px;margin:50px auto;padding:20px}.project-highlight-custom{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0003;transition:all .3s ease}.project-highlight-custom:hover{transform:scale(1.02);box-shadow:0 15px 40px #0000004d}.project-content-custom{display:flex;align-items:center;justify-content:space-between}.project-info-custom{flex:1;padding-right:40px}.project-title-custom{font-size:2.5em;font-weight:600;color:#e94560;margin-bottom:20px}.project-description-custom{font-size:1.1em;color:#a9a9a9;margin-bottom:30px}.cta-button-custom{display:inline-block;background-color:#e94560;color:#1a1a2e;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button-custom:hover{background-color:#ff6b6b;color:#1a1a2e;transform:translateY(-3px)}.project-image-custom{flex:1;position:relative;overflow:hidden;border-radius:10px}.project-image-custom img{width:100%;height:auto;transition:all .3s ease}.project-image-custom:hover img{transform:scale(1.1)}.image-overlay-custom{position:absolute;top:0;left:0;width:100%;height:100%;background:#19192eb3;opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.project-image-custom:hover .image-overlay-custom{opacity:1}.overlay-text-custom{color:#e94560;font-size:1.2em;text-align:center;padding:20px}body{font-family:Poppins,sans-serif;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460);color:#e94560;line-height:1.6;margin:0;padding:0}
