*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#0b1220;--bg-card:#111a2e;--bg-soft:#0f172a;--blue-main:#3b82f6;--blue-soft:#60a5fa;--blue-glow:#3b82f655;--text-main:#e5e7eb;--text-muted:#9ca3af;--border-soft:#1e293b}body{background:linear-gradient(180deg,#020617,#0b1220);color:#e5e7eb;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{display:flex;min-height:100vh}.sidebar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#0b1220,#020617);border-right:1px solid #1e293b;border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:40px 24px;width:320px}.avatar{border:4px solid #3b82f6;border:4px solid var(--blue-main);border-radius:50%;box-shadow:0 0 25px #3b82f655;box-shadow:0 0 25px var(--blue-glow);height:120px;margin-bottom:24px;object-fit:cover;width:120px}.sidebar h1{color:#fff;font-size:2rem;margin-bottom:6px}.sidebar .title{background:#1e3a8a33;border-radius:999px;color:#60a5fa;color:var(--blue-soft);font-size:.95rem;margin-bottom:28px;padding:6px 16px}.sidebar .info{width:100%}.sidebar .info-item{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:12px}.sidebar .info-label{color:#9ca3af;color:var(--text-muted)}.sidebar .social{display:flex;gap:18px;margin-top:28px}.sidebar .social a{color:#60a5fa;color:var(--blue-soft);font-weight:500;text-decoration:none;transition:color .2s ease}.sidebar .social a:hover{color:#fff}.main-content{flex:1 1;padding:48px 36px}.section{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 10px 30px #020617aa;margin-bottom:42px;padding:32px 28px;transition:transform .3s ease,box-shadow .3s ease}.section:hover{box-shadow:0 20px 40px #020617cc;transform:translateY(-4px)}.section h2{color:#60a5fa;color:var(--blue-soft);font-size:1.9rem;margin-bottom:24px}.timeline{border-left:3px solid #3b82f6;border-left:3px solid var(--blue-main);padding-left:24px}.timeline-item{margin-bottom:28px}.timeline-title{color:#fff;font-size:1.1rem;font-weight:600}.timeline-date{color:#60a5fa;color:var(--blue-soft);font-size:.9rem;margin-bottom:6px}.timeline-desc{color:#9ca3af;color:var(--text-muted)}.skills-list{display:flex;flex-wrap:wrap;gap:12px}.skill-badge{background:#1e40af33;border:1px solid #1e3a8a55;border-radius:999px;color:#60a5fa;color:var(--blue-soft);font-size:.95rem;padding:8px 18px;transition:all .2s ease}.skill-badge:hover{background:#3b82f6;background:var(--blue-main);color:#020617}.projects-list{display:flex;flex-wrap:wrap;gap:24px}.project-card{background:linear-gradient(180deg,#020617,#0b1220);border:1px solid #1e293b;border:1px solid var(--border-soft);border-radius:16px;padding:20px;transition:transform .25s ease,border .25s ease;width:300px}.project-card:hover{border-color:#3b82f6;border-color:var(--blue-main);transform:translateY(-6px)}.project-title{color:#60a5fa;color:var(--blue-soft);font-size:1.2rem;margin-bottom:8px}.project-desc{color:#9ca3af;color:var(--text-muted);font-size:.95rem;margin-bottom:12px}.project-links a{color:#3b82f6;color:var(--blue-main);font-weight:500;margin-right:14px;text-decoration:none}.project-links a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:14px;max-width:420px}.contact-form input,.contact-form textarea{background:#020617;border:1px solid #1e293b;border:1px solid var(--border-soft);border-radius:10px;color:#fff;font-size:.95rem;padding:12px 14px}.contact-form input:focus,.contact-form textarea:focus{border-color:#3b82f6;border-color:var(--blue-main);outline:none}.contact-form button{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--blue-main),var(--blue-soft));border:none;border-radius:12px;color:#020617;cursor:pointer;font-size:1rem;font-weight:600;margin-top:6px;padding:12px;transition:transform .2s ease}.contact-form button:hover{transform:translateY(-2px)}.sticky-sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0}@media (max-width:900px){.App{flex-direction:column}.sidebar{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border-soft);border-right:none;height:auto;width:100%}.main-content{padding:28px 16px}}
/*# sourceMappingURL=main.975b56b2.css.map*/