body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader-container{align-items:center;background:#0f172a;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:9999}.spinner{animation:spinBounce 1s ease-in-out infinite;border:5px solid #334155;border-radius:50%;border-top-color:#38bdf8;height:60px;width:60px}@keyframes spinBounce{0%{transform:rotate(0deg)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(1turn)}}.navbar{background:var(--bg);box-shadow:0 6px 20px #00000014;color:var(--text);height:80px;justify-content:space-between;padding:0 8%;position:-webkit-sticky;position:sticky;top:0;transition:background .35s ease,color .25s ease;z-index:1000}.brand,.navbar{align-items:center;display:flex}.brand{gap:.6rem}.logo{height:42px}.navbar h2{color:var(--primary);font-size:1.2rem;font-weight:600}.nav-links{align-items:center;display:flex;gap:1.8rem;list-style:none}.navbar a{color:inherit;font-weight:500;opacity:.9;position:relative;text-decoration:none}.navbar a:after{background:var(--primary);bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.navbar a.active:after,.navbar a:hover:after{width:100%}.navbar a.active,.theme-btn{color:var(--primary)}.theme-btn{background:none;border:none;cursor:pointer;font-size:1.3rem;transition:transform .25s ease}.theme-btn:hover{transform:rotate(20deg) scale(1.1)}.menu-btn{background:none;border:none;color:var(--primary);cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.menu-btn{display:block}.nav-links{background:var(--bg);flex-direction:column;gap:1.5rem;left:0;padding:2rem 0;position:absolute;top:80px;transform:translateY(-120%);transition:transform .35s ease;width:100%}.nav-links.open{transform:translateY(0)}}.about{background:var(--about-bg);color:var(--text);gap:1.8rem;transition:background .4s ease,color .3s ease}.about h2{color:var(--primary);font-size:2.4rem;letter-spacing:.3px}.about p{line-height:1.7;max-width:700px;opacity:.92}.about-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.2rem}.contact-btn{background:var(--primary);border-radius:999px;color:#fff;font-weight:500;padding:.75rem 1.8rem;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.contact-btn:hover{box-shadow:0 12px 30px #00000040;opacity:.95;transform:translateY(-3px)}.contact-btn:active{transform:translateY(-1px)}.social-icons{display:flex;gap:1rem}.social-icons a{color:var(--primary);font-size:1.45rem;position:relative;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s ease,filter .25s ease}.social-icons a:hover{color:var(--text);filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));transform:scale(1.18) translateY(-2px)}.social-icons a:active{transform:scale(1.05)}.social-icons a[title]:hover:after{animation:fadeUp .25s ease forwards;background:var(--card);border-radius:6px;bottom:-1.8rem;color:var(--text);content:attr(title);font-size:.75rem;left:50%;opacity:.95;padding:.25rem .6rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.projects{background:#f8f9fa;background:var(--projects-bg);color:#333;color:var(--text);padding:4rem 2rem;transition:background .4s ease,color .3s ease}.projects-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem}.projects h2{color:#007bff;color:var(--primary);font-size:2.4rem;margin:0}.projects-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-select{background:#fff;background:var(--card);border:2px solid #007bff;border:2px solid var(--primary);border-radius:8px;color:#333;color:var(--text);cursor:pointer;font-size:.95rem;outline:none;padding:.6rem 1.2rem;transition:all .3s ease}.filter-select:hover{border-color:#0056b3;border-color:var(--primary-dark);box-shadow:0 2px 8px #0000001a}.view-toggle{background:#fff;background:var(--card);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:10px;display:flex;gap:.5rem;padding:.3rem}.view-toggle button{background:#0000;border:none;border-radius:8px;color:#333;color:var(--text);cursor:pointer;font-size:.95rem;padding:.5rem 1.2rem;transition:all .3s ease}.view-toggle button.active{background:#007bff;background:var(--primary);color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-card.list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:200px 1fr;transition:transform .25s ease,box-shadow .25s ease}.project-card,.project-card.list{background:#fff;background:var(--card);border-radius:14px;overflow:hidden}.project-card{border:1px solid #e0e0e0;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-6px)}.project-image-container{height:200px;overflow:hidden;position:relative;width:100%}.project-card.list .project-image-container{height:180px}.project-image{height:100%;position:relative;width:100%}.project-image img{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.project-image img.active{opacity:1}.nav-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,background .3s ease;width:36px;z-index:2}.project-image-container:hover .nav-btn{opacity:1}.nav-btn:hover{background:#000c}.nav-btn.prev{left:10px}.nav-btn.next{right:10px}.image-indicators{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.indicator{background:#0000;border:2px solid #fff;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.indicator.active{background:#007bff;background:var(--primary);border-color:#007bff;border-color:var(--primary);transform:scale(1.2)}.project-content{padding:1.2rem}.project-card.list .project-content{padding:1.2rem 1.2rem 1.2rem 0}.project-card h3{color:#007bff;color:var(--primary);font-size:1.3rem;margin:0 0 .5rem}.project-tech{color:#666;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;opacity:.85}.project-description{color:#333;color:var(--text);line-height:1.5;margin:.5rem 0 1rem}.project-links{display:flex;gap:1rem;margin-top:1rem}.github-link,.live-link{border-radius:6px;font-size:.9rem;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease}.github-link{background:#333;color:#fff}.github-link:hover{background:#444;transform:translateY(-2px)}.live-link{background:#007bff;background:var(--primary);color:#fff}.live-link:hover{background:#0056b3;background:var(--primary-dark);transform:translateY(-2px)}.no-projects{color:#666;color:var(--text-secondary);font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.projects-header{align-items:flex-start;flex-direction:column}.projects-controls{width:100%}.filter-select{flex:1 1}.project-card.list{grid-template-columns:1fr}.project-card.list .project-image-container{height:200px}.project-card.list .project-content{padding:1.2rem}}@media (max-width:480px){.projects{padding:3rem 1rem}.projects h2{font-size:2rem}.view-toggle button{font-size:.85rem;padding:.4rem .8rem}.nav-btn{font-size:1.2rem;height:30px;width:30px}}:root{--projects-bg:#f8f9fa;--text:#333;--text-secondary:#666;--primary:#007bff;--primary-dark:#0056b3;--card:#fff;--border:#e0e0e0}[data-theme=dark]{--projects-bg:#1a1a1a;--text:#f0f0f0;--text-secondary:#b0b0b0;--primary:#4d9eff;--primary-dark:#2d7eff;--card:#2d2d2d;--border:#404040}.certificates{background:var(--certificates-bg);color:var(--text);transition:background .4s ease,color .3s ease}.certificates h2{color:var(--primary);font-size:clamp(2rem,4vw,2.6rem);margin-bottom:2rem;text-align:center}.cert-grid{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1100px}.cert-card{background:linear-gradient(145deg,var(--card),#ffffff05);border-left:4px solid var(--primary);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem 1.4rem;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.cert-card:hover{border-left-color:var(--primary);box-shadow:0 18px 45px #00000040;transform:translateY(-6px)}.cert-card a{color:var(--primary);font-size:.8rem;margin-top:.8rem;text-decoration:none}.cert-card a:hover{text-decoration:underline}.cert-card h3{font-size:1.1rem;margin-bottom:.3rem}.subtitle{font-size:.85rem;margin-bottom:.6rem;opacity:.85}.cert-id,.date,.issuer{font-size:.75rem;margin-bottom:.2rem;opacity:.7}.cert-card ul{margin-top:.8rem;padding-left:1.1rem}.cert-card li{font-size:.85rem;margin-bottom:.35rem;position:relative}.cert-card li::marker{color:var(--primary)}.cert-list{list-style:none;margin:0 auto;max-width:700px}.cert-list li{background:var(--card);border-radius:14px;margin-bottom:1rem;padding:1rem 1.2rem 1rem 2.6rem;position:relative;transition:transform .25s ease,box-shadow .25s ease}.cert-list li:before{color:var(--primary);content:"✔";font-weight:700;left:1rem;position:absolute;top:1rem}.cert-list li:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}@media (max-width:768px){.certificates h2{font-size:2rem}.cert-card{padding:1.1rem}}.cert-card{overflow:hidden;position:relative}.cert-card:before{background:linear-gradient(180deg,var(--primary),#0000);content:"";inset:0 auto 0 0;position:absolute;width:4px}.cert-card:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);content:"";height:2px;left:0;opacity:.4;position:absolute;top:0;width:100%}.hero{align-items:center;background:var(--hero-bg);color:var(--text);display:flex;flex-direction:column;gap:1.6rem;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;text-align:center}.hero-glow{background:radial-gradient(circle,#00c8ff26,#0000 70%);filter:blur(60px);height:500px;position:absolute;right:-150px;top:-100px;width:500px;z-index:0}.hero h1{font-size:clamp(2rem,5vw,3rem);z-index:1}.hero h1 span{color:var(--primary)}.underline{background:var(--primary);border-radius:999px;height:3px;transform-origin:left;width:120px}.hero p{max-width:600px;opacity:.85;z-index:1}.badges{gap:.6rem;z-index:1}.badge{background:var(--card);border:1px solid var(--primary);border-radius:999px;cursor:default;font-size:.85rem;padding:.45rem .9rem;transition:background .25s ease,color .25s ease}.badge:hover{background:var(--primary);color:#000}.iframe-box{border-radius:14px;height:90px;overflow:hidden;width:330px;z-index:1}.ceh-box{background:var(--card);border-radius:14px;box-shadow:0 20px 40px #00000059;padding:.6rem;position:absolute;right:20px;text-align:center;top:20px;z-index:2}.ceh-box img{display:block;margin:0 auto .3rem;width:80px}.ceh-box span{font-size:.75rem;opacity:.85}@media (max-width:768px){.ceh-box{margin-top:1rem;position:static}.iframe-box{height:75px;width:280px}}.education{background:var(--education-bg);color:var(--text);transition:background .4s ease,color .3s ease}.education h2{color:var(--primary);font-size:2.4rem;margin-bottom:2rem}.edu-timeline{grid-gap:1.5rem;gap:1.5rem;max-width:800px}.edu-card{background:var(--card);border-radius:16px;cursor:pointer;height:180px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.edu-card:hover{box-shadow:0 15px 35px #00000040;transform:translateY(-6px)}.edu-front{padding:1.5rem}.edu-front h3{color:var(--primary)}.edu-front span{font-size:.9rem;opacity:.8}.edu-hover{align-items:center;background:#000000bf;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.edu-card:hover .edu-hover{opacity:1}.edu-hover p{background:#00000080;border-radius:8px;font-size:1.1rem;font-weight:500;padding:.4rem .8rem}.edu-timeline{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr}.edu-card{height:170px}@media (min-width:768px){.edu-timeline{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.edu-card{height:190px}}@media (min-width:1200px){.edu-timeline{grid-template-columns:repeat(3,1fr);margin:auto;max-width:1200px}.edu-card{height:220px}}.hero h1{font-size:2.2rem}@media (min-width:768px){.hero h1{font-size:3rem}}@media (min-width:1200px){.hero h1{font-size:3.8rem}}.badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}@media (min-width:768px){.badges{gap:.8rem}}@media (min-width:1200px){.badges{gap:1rem}}.edu-hover img{filter:brightness(.6);height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1);transition:transform .5s ease;width:100%;z-index:-1}.experience{background:var(--bg);background:var(--experience-bg,var(--bg))}.section-title{color:var(--primary);font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:2rem}.exp-timeline{grid-gap:1.6rem;display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1100px;width:100%}.exp-card{cursor:pointer;height:260px;perspective:1200px;position:relative;will-change:transform}.exp-front,.exp-hover{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--card);border:1px solid #0000;border:1px solid var(--border,#0000);border-radius:16px;box-shadow:var(--shadow);color:var(--text);inset:0;padding:1.2rem;position:absolute;transition:transform .6s ease,background .4s ease}.exp-front{display:flex;flex-direction:column;gap:.4rem;justify-content:center}.exp-front span{font-size:.85rem;opacity:.7}.exp-hover{font-size:.85rem;transform:rotateY(180deg)}.exp-hover ul{margin-bottom:.8rem;padding-left:1rem}.exp-hover li{margin-bottom:.3rem}.tech{font-size:.75rem;opacity:.8}.exp-card:hover .exp-front{transform:rotateY(180deg)}.exp-card:hover .exp-hover{transform:rotateY(1turn)}@media (max-width:768px){.exp-card{height:auto}.exp-front,.exp-hover{position:relative;transform:none!important}.exp-hover{margin-top:.8rem}}.Blog.section{font-family:Segoe UI,sans-serif;padding:60px 10%;transition:all .3s ease}.Blog.section.dark{background:linear-gradient(180deg,#0f172a,#111827);color:#f8fafc}.Blog.section.light{background:#f9fafb;color:#1f2937}.top-controls{margin-bottom:20px;text-align:right}.top-controls button{background:#38bdf8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 14px;transition:.2s}.top-controls button:hover{background:#0ea5e9}.Blog.section h2{border-left:4px solid #38bdf8;cursor:pointer;font-size:22px;margin-top:30px;padding:10px;transition:.2s}.Blog.section.dark h2{color:#38bdf8}.Blog.section.light h2{color:#2563eb}.Blog.section h2:hover{opacity:.8}.Blog.section ul{animation:fadeIn .3s ease-in-out;list-style:none;margin-top:10px;padding:0}.Blog.section ul>li{background:#ffffff0d;border-radius:8px;margin-bottom:10px;padding:12px;transition:.2s}.Blog.section.light ul>li{background:#e5e7eb}.Blog.section ul ul{margin-top:8px;padding-left:15px}.Blog.section strong{font-weight:600}@media (max-width:768px){.Blog.section{padding:40px 5%}.Blog.section h2{font-size:18px}.top-controls{text-align:center}.top-controls button{width:100%}}@media (max-width:480px){.Blog.section{padding:30px 4%}.Blog.section h2{font-size:16px}.Blog.section ul>li{padding:10px}}.code-section{margin-top:8px}.toggle-code-btn{background:#22d3ee;border:none;border-radius:6px;color:#111827;cursor:pointer;font-size:12px;margin-top:6px;padding:4px 8px;transition:.2s}.toggle-code-btn:hover{background:#06b6d4}.code-section pre{background:#0003;border-radius:6px;font-family:monospace;margin-top:6px;overflow-x:auto;padding:12px}.Blog.section.light .code-section pre{background:#f3f4f6;color:#1f2937}@media (max-width:768px){.code-section pre{font-size:12px}.toggle-code-btn{width:100%}}.blog-container{background:#f9fafb;color:#1f2937;font-family:Segoe UI,sans-serif;padding:40px 10%}.blog-container h2{color:#2563eb;font-size:28px;margin-bottom:30px;text-align:center}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.card h3{color:#111827;font-size:20px;margin-bottom:8px}.card p{color:#6b7280;font-size:14px}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#0f172ab3;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;max-width:500px;padding:25px 30px;position:relative;text-align:center;width:100%}.modal-content h3{color:#111827;margin-bottom:15px}.modal-content p{color:#374151;font-size:14px;margin-bottom:10px}.modal-content button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:8px 16px;transition:.2s}.modal-content button:hover{background:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog-container{padding:30px 5%}.blog-container h2{font-size:24px}.card{padding:18px}}@media (max-width:480px){.blog-container h2{font-size:20px}.card{padding:15px}.modal-content{padding:20px}}.section{padding:3rem 6%}body,html{overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,sans-serif}.section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 8%}:root{scroll-padding-top:80px}html{scroll-behavior:smooth}.light{--bg:#fff;--text:#020617;--muted-text:#475569;--card:#f1f5f9;--border:#cbd5f5;--primary:#2563eb;--primary-soft:#2563eb26;--hero-bg:linear-gradient(135deg,#f8fafc,#e0e7ff);--about-bg:#fff;--projects-bg:#f8fafc;--certificates-bg:#fff;--education-bg:#f8fafc;--experience-bg:#fff;--cert-accent:#2563eb;--cert-glow:#2563eb40;--shadow:0 10px 30px #00000014}.dark{--bg:#020617;--text:#e5e7eb;--muted-text:#94a3b8;--card:#0f172a;--border:#1e293b;--primary:#38bdf8;--primary-soft:#38bdf826;--hero-bg:linear-gradient(135deg,#020617,#020617);--about-bg:#020617;--projects-bg:#020617;--certificates-bg:#020617;--education-bg:#020617;--experience-bg:#020617;--cert-accent:#38bdf8;--cert-glow:#38bdf840;--shadow:0 20px 40px #0009}.blue{--bg:#0f172a;--text:#e0f2fe;--card:#1e3a8a;--primary:#60a5fa;--hero-bg:linear-gradient(135deg,#0f172a,#1e3a8a);--about-bg:#0f172a;--projects-bg:#0f172a;--certificates-bg:#0f172a;--education-bg:#0f172a;--cert-accent:#60a5fa;--cert-glow:#60a5fa4d}
/*# sourceMappingURL=main.c60b9039.css.map*/