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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:root{--bg:#f0f9ff;--surface:#fff;--text:#334155;--muted:#64748b;--accent:#2563eb;--accent-soft:#bfdbfe;--border:#0f172a14;--shadow:#0f172a0d}*{box-sizing:border-box}body{background:#f0f9ff;background:var(--bg);color:#334155;color:var(--text);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);box-shadow:0 8px 24px #0f172a0d;box-shadow:0 8px 24px var(--shadow);display:flex;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:0;z-index:10}.navbar h1{font-size:1.35rem;letter-spacing:.02em;margin:0}.navbar a,.navbar h1,.navlink{color:#334155;color:var(--text)}.navbar a,.navlink{margin-left:1rem;text-decoration:none;transition:color .2s ease,transform .2s ease}.navlink.active{font-weight:700}.navlink.active,.navlink:hover{color:#2563eb;color:var(--accent)}.navlink:hover{transform:translateY(-1px)}.hero{background:#0000;padding:5.5rem 1rem 3.5rem;text-align:center}.hero .hero-content{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 50px #0f172a0d;box-shadow:0 24px 50px var(--shadow);margin:0 auto;max-width:850px;padding:3rem 2rem}.hero h1{color:#334155;color:var(--text);font-size:clamp(2.5rem,7vw,4rem);margin:0}.hero p{color:#64748b;color:var(--muted);font-size:1.1rem;line-height:1.75;margin:1rem auto 1.6rem;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.btn{background:#2563eb;background:var(--accent);border-radius:8px;box-shadow:0 12px 26px #2563eb2e;color:#fff;display:inline-block;font-weight:700;padding:.75rem 1.4rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{box-shadow:0 18px 36px #2563eb33;transform:translateY(-3px)}.btn.secondary{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);color:#334155;color:var(--text)}.btn.secondary:hover{background:#bfdbfe;background:var(--accent-soft)}.section{margin:0 auto;max-width:1100px;padding:4rem 1.25rem}.section h3{color:#334155;color:var(--text);font-size:1.75rem;margin-bottom:1rem;margin-top:0}.section p{color:#64748b;color:var(--muted);line-height:1.7}.about .two-col{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.blog-card,.card,.contact-form,.hero .hero-content,.metric-card,.project-card{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 50px #0f172a0d;box-shadow:0 24px 50px var(--shadow)}.metric-card{color:#334155;color:var(--text);padding:1.5rem;text-align:center}.metric-card strong{color:#2563eb;color:var(--accent);display:block;font-size:1.7rem}.skill-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.skill{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;padding:1rem}.skill h4{color:#334155;color:var(--text);margin:0 0 .75rem}.bar{background:#e2e8f0;height:8px;overflow:hidden;position:relative;width:100%}.bar,.bar:after{border-radius:999px}.bar:after{background:#2563eb;background:var(--accent);content:"";height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0}.fill-90:after{width:90%}.fill-85:after{width:85%}.fill-80:after{width:80%}.fill-75:after{width:75%}.project-card .tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.tag{background:#2563eb1f;border-radius:999px;color:#2563eb;font-size:.75rem;padding:.25rem .55rem}.contact-box{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-form{grid-gap:.8rem;display:grid;gap:.8rem;padding:1.25rem}.contact-form input,.contact-form textarea{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;color:#334155;color:var(--text);padding:.9rem;width:100%}.contact-form button{width:fit-content}.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;background:var(--surface);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 50px #0f172a0d;box-shadow:0 24px 50px var(--shadow);color:#334155;color:var(--text);padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover,.card:hover,.metric-card:hover,.skill:hover{box-shadow:0 28px 60px #0f172a1f;transform:translateY(-4px)}.card h4,.metric-card h4{color:#334155;color:var(--text);margin:0 0 .75rem}.blog-card p,.card p,.metric-card p{color:#64748b;color:var(--muted);margin:0 0 .75rem}.card a{color:#2563eb;color:var(--accent);font-weight:700;text-decoration:none}.skill-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;max-width:480px;padding:0}.skill-list li{background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;padding:.4rem .75rem;text-align:center}.footer{color:#64748b;color:var(--muted);padding:1rem;text-align:center}@media (max-width:640px){.navbar{flex-wrap:wrap;gap:.5rem}.navbar div{display:flex;justify-content:space-around;width:100%}}.landing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.landing h1{color:#334155;color:var(--text);font-size:2.5rem;margin-bottom:2rem}.button-container{display:flex;gap:2rem}.landing-button{background:linear-gradient(135deg,#2563eb,var(--accent2));background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:8px;color:#334155;color:var(--text);cursor:pointer;display:inline-block;font-size:1.2rem;padding:1rem 2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.landing-button:hover{box-shadow:0 8px 20px #a855f766;transform:translateY(-3px)}.blogs-page{background:#f8fafc;color:#0f172a;min-height:100vh;padding:2.5rem 1.5rem}.blogs-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.blog-subtitle{color:#475569;margin:.5rem 0 0;max-width:560px}.view-toggle{display:flex;gap:.75rem}.toggle-btn{background:#fff;border:1px solid #0f172a1f;border-radius:999px;color:#0f172a;cursor:pointer;padding:.7rem 1rem;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.toggle-btn.active,.toggle-btn:hover{background:#e2e8f0;box-shadow:0 8px 20px #0f172a14}.blog-card-link{text-decoration:none}.blogs-list.grid-view{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.blogs-list.list-view{display:flex;flex-direction:column;gap:1.5rem}.blog-card{background:#fff;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 12px 28px #0f172a0f;min-height:220px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{box-shadow:0 18px 36px #0f172a1f;transform:translateY(-4px)}.blog-card-content{padding:1.6rem}.blog-card h2{color:#0f172a;font-size:1.3rem;margin:0 0 .75rem}.blog-meta{color:#64748b;font-size:.95rem;margin:0 0 1rem}.blog-card p{color:#475569;line-height:1.7;margin:0}.blog-card-horizontal{align-items:center;display:flex;gap:1.25rem}.blog-thumb{background:linear-gradient(135deg,#e2e8f0,#f8fafc);border-radius:20px;flex:0 0 170px;height:140px}@media (max-width:1024px){.blogs-list.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.blogs-page{padding:2rem 1rem}.blogs-header{align-items:flex-start;flex-direction:column}.blogs-list.grid-view,.blogs-list.list-view{grid-template-columns:1fr}.blog-card-horizontal{align-items:stretch;flex-direction:column}.blog-thumb{height:180px;width:100%}}.blog-create form{display:flex;flex-direction:column;gap:1rem}.blog-create input,.blog-create textarea{background:#0f172ab3;border:1px solid #fff3;border-radius:8px;color:#334155;color:var(--text);padding:.5rem}
/*# sourceMappingURL=main.6711e797.css.map*/