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}:root{--sidebar-width:280px;--bg-main:#020617;--bg-sidebar:#0b1120;--bg-card:#111827;--text-main:#f1f5f9;--text-dim:#94a3b8;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-soft:#38bdf81a;--border:#94a3b81a;--shadow:0 10px 30px -15px #00000080;--btn-text:#020617}.light-mode{--bg-main:#f1f5f9;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#000;--text-dim:#475569;--accent:#38bdf8;--accent-soft:#38bdf826;--btn-text:#fff;--border:#0f172a14;--shadow:0 10px 25px -10px #0000001a}*,:after,:before{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden;scroll-behavior:smooth;width:100%}body{background:#020617;background:var(--bg-main);color:#f1f5f9;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;margin:0}.skills-grid{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:25px}.skill-item{align-items:center;background:none;border:none;box-shadow:none;color:#94a3b8;color:var(--text-dim);cursor:default;display:flex;font-size:1.1rem;font-weight:500;gap:10px;padding:0;transition:all .3s ease}.skill-item:before{color:#38bdf8;color:var(--accent);content:"•";font-size:1.5rem;transition:transform .3s ease}.skill-item:hover{color:#f1f5f9;color:var(--text-main);transform:translateX(5px)}.skill-item:hover:before{text-shadow:0 0 8px #38bdf8;text-shadow:0 0 8px var(--accent);transform:scale(1.5)}@media (max-width:768px){.skills-grid{gap:10px 20px}.skill-item{font-size:.95rem}}section[id]{scroll-margin-top:40px}.app-layout{display:flex;min-height:100vh}.sidebar{background:#0b1120;background:var(--bg-sidebar);border-right:1px solid #94a3b81a;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:transform .4s cubic-bezier(.4,0,.2,1);width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.closed{transform:translateX(-100%)}.profile-section{margin-bottom:40px;text-align:center}.profile-pic{border:4px solid #38bdf81a;border:4px solid var(--accent-soft);border-radius:50%;height:120px;object-fit:cover;padding:4px;transition:transform .3s ease;width:120px}.profile-pic:hover{transform:scale(1.05)}.sidebar-role{color:#94a3b8;color:var(--text-dim);font-size:.9rem;margin-top:5px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.side-nav-link{align-items:center;border-radius:12px;color:#94a3b8;color:var(--text-dim);display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.side-nav-link:hover{background:#38bdf81a;background:var(--accent-soft);box-shadow:inset 4px 0 0 0 #38bdf8;box-shadow:inset 4px 0 0 0 var(--accent);color:#38bdf8;color:var(--accent);padding-left:22px}.sidebar-social{border-top:1px solid #94a3b81a;border-top:1px solid var(--border);gap:25px;margin-top:auto;padding:20px 0;width:100%}.sidebar-social,.sidebar-social a{align-items:center;display:flex;justify-content:center}.sidebar-social a{color:#94a3b8;color:var(--text-dim);font-size:1.6rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-social a:hover{color:#38bdf8;color:var(--accent);transform:translateY(-5px) scale(1.15)}.sidebar-social a:hover .fa-github{color:#000}.sidebar-social a:hover .fa-linkedin{color:#0077b5}.sidebar-social a:hover .fa-instagram{color:#e4405f}.sidebar-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px;margin-top:10px;padding-top:20px}.side-btn{align-items:center;background:#020617;background:var(--bg-main);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:10px;color:#f1f5f9;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:.2s}.side-btn:hover{border-color:#38bdf8;border-color:var(--accent);color:#38bdf8;color:var(--accent)}.side-btn.primary{background:#38bdf8;background:var(--accent);border:none;color:#020617;color:var(--btn-text);grid-column:span 2;padding:14px}.main-content{flex:1 1;margin-left:280px;margin-left:var(--sidebar-width);max-width:100%;padding:40px 80px;transition:margin-left .4s ease}.sidebar-closed .main-content{margin-left:0}.content-card{background:#111827;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px -15px #00000080;box-shadow:var(--shadow);margin-bottom:40px;margin-top:40px;padding:40px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.filter-bar{background:#111827;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:14px;display:flex;padding:6px}.filter-btn{background:#0000;border:none;border-radius:10px;color:#94a3b8;color:var(--text-dim);cursor:pointer;font-weight:600;padding:8px 20px;transition:.3s}.filter-btn.active{background:#38bdf8;background:var(--accent);color:#020617;color:var(--btn-text)}.projects-container{display:flex;flex-direction:column;gap:30px}.project-wide-card{background:#111827;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px -15px #00000080;box-shadow:var(--shadow);display:flex;overflow:hidden;transition:.3s}.project-wide-card:hover{border-color:#38bdf8;border-color:var(--accent);transform:translateY(-5px)}.p-img-wrapper{flex:0 0 40%}.p-img-wrapper img{height:100%;object-fit:cover;width:100%}.p-info{flex:1 1;padding:30px}.tech-badge{background:#38bdf81a;background:var(--accent-soft);border-radius:8px;color:#38bdf8;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:8px;margin-right:8px;padding:5px 12px}.p-link-btn{align-items:center;background:#38bdf8;background:var(--accent);border-radius:10px;color:#020617;color:var(--btn-text);display:inline-flex;font-weight:700;gap:8px;margin-top:20px;padding:10px 20px;text-decoration:none;transition:.3s}.contact-form{flex-direction:column;margin-top:25px}.contact-form,.form-group{display:flex;gap:20px}.contact-form input,.contact-form textarea{background:#020617;background:var(--bg-main);border:1px solid #94a3b81a;border:1px solid var(--border);border-radius:12px;color:#f1f5f9;color:var(--text-main);outline:none;padding:14px 18px;transition:.3s;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#38bdf8;border-color:var(--accent);box-shadow:0 0 0 4px #38bdf81a;box-shadow:0 0 0 4px var(--accent-soft)}.form-submit-btn{align-items:center;align-self:flex-start;border:none;border-radius:12px;color:#020617;color:var(--btn-text);cursor:pointer;display:flex;font-weight:700;gap:10px;padding:14px 30px;transition:.3s ease}.divider,.form-submit-btn{background:#38bdf8;background:var(--accent)}.divider{height:2px;margin:20px 0;width:50px}.sidebar-toggle-btn{align-items:center;background:#38bdf8;background:var(--accent);border:none;border-radius:12px;box-shadow:0 4px 15px #38bdf866;color:#020617;color:var(--btn-text);cursor:pointer;display:flex;height:30px;justify-content:center;left:20px;position:fixed;top:20px;width:30px;z-index:1200}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:80%}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important;padding:80px 20px}.project-wide-card{flex-direction:column}.p-img-wrapper{height:220px}.form-group{flex-direction:column}}
/*# sourceMappingURL=main.6cdcc10f.css.map*/