:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a:hover{color:#535bf2}body{margin:0;font-family:Arial,sans-serif;background-color:#121212;color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0b0f19;--surface: #121826;--surface-hover: #172033;--border: rgba(255, 255, 255, .08);--text: #f5f7fb;--muted: #a7b0c0;--heading: #ffffff;--accent: #acc9ff;--accent-soft: rgba(139, 92, 246, .14);--input-bg: #f8fafc;--input-text: #111827;--input-placeholder: #6b7280;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .28);--success-text: #dcfce7}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.light{--bg: #d9e0fa;--surface: #ffffff;--surface-hover: #f1f5f9;--border: rgba(15, 23, 42, .08);--text: #1e293b;--muted: #64748b;--heading: #0f172a;--accent: #556aa9;--accent-soft: rgba(124, 58, 237, .12);--input-bg: #ffffff;--input-text: #111827;--input-placeholder: #6b7280;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .28);--success-text: #166534}a{text-decoration:none;color:inherit}.container{width:min(1100px,calc(100% - 32px));margin:0 auto}.section{padding:88px 0}.section-title{text-align:center;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin:0 0 42px;color:var(--heading)}.navbar{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:24px;padding:14px 22px;border-radius:18px;background:#0b0f19e0;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040}body.light .navbar{background:#ffffffe0;box-shadow:0 10px 30px #0f172a14}.navbar a{font-size:.95rem;font-weight:600;color:var(--muted);transition:color .2s ease}.navbar a:hover{color:var(--heading)}.navbar__toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--heading);cursor:pointer;font-size:1rem;padding:0;line-height:1;transition:background .2s ease,transform .2s ease}.navbar__toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}.about{padding:170px 20px 100px;text-align:center}.about__name{margin:0 0 18px;font-size:clamp(3.5rem,8vw,6rem);line-height:.95;font-weight:900;letter-spacing:-.05em;color:var(--heading)}.about__tagline{margin:0 auto 20px;font-size:1.2rem;font-weight:600;color:var(--accent)}.about__bio{max-width:760px;margin:0 auto;font-size:1.08rem;line-height:1.9;color:var(--muted)}.about__animation{width:140px;height:6px;border-radius:999px;margin:34px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;animation:moveGradient 2.8s linear infinite;opacity:.95}.card-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.card{width:320px;min-height:220px;padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;box-shadow:0 12px 28px #0000002e}.card__heading{margin:0 0 10px;font-size:1.5rem;font-weight:800;color:var(--heading);line-height:1.2}.card__subheading{margin:0 0 10px;font-size:1.05rem;font-weight:700;color:var(--accent)}.card__year{margin:0 0 16px;color:var(--muted);font-size:.95rem}.card__text{margin:0;color:var(--muted);line-height:1.8;font-size:1rem}.cardH{transition:transform .25s ease,background .25s ease,border-color .25s ease}.cardH:hover{transform:translateY(-6px);background:var(--surface-hover);border-color:#8b5cf63d}.project-card{text-align:center}.project-card__image{width:92px;height:92px;object-fit:contain;margin:0 auto 18px;display:block;padding:2px;border-radius:18px;background:#ffffff0a}body.light .project-card__image{background:#808bad}.projects__controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.projects__filters{display:flex;gap:10px;flex-wrap:wrap}.projects__filter{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.9rem;transition:all .2s ease}.projects__filter:hover{background:var(--surface-hover)}.projects__filter.active{background:var(--accent);color:#111827;border-color:transparent}.projects__sort{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.skills-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 34px;max-width:900px;margin:0 auto}.skill-item{padding:18px 18px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.skill-top{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.95rem;font-weight:600;color:var(--text)}.skill-line{height:8px;border-radius:999px;overflow:hidden;background:#ffffff14}.skill-fill{height:100%;border-radius:999px;background:var(--accent)}.contact{max-width:700px;margin:0 auto;padding:36px 28px;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 28px #0000002e}.contact__form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.contact__input,.contact__textarea{width:100%;padding:14px 16px;border:none;outline:none;border-radius:14px;background:var(--input-bg);color:var(--input-text);font-size:.98rem}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--input-placeholder)}.contact__textarea{min-height:130px;resize:vertical}.contact__button{border:none;border-radius:14px;padding:14px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.contact__button:hover{transform:translateY(-1px);opacity:.95}.contact__success{margin-top:4px;padding:12px;border-radius:12px;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);font-weight:600}body.light .contact__button{color:#fff}.github-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.github-item{display:block;padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 28px #0000001f;transition:transform .22s ease,background .22s ease,border-color .22s ease}.github-item:hover{transform:translateY(-4px);background:var(--surface-hover);border-color:#556aa940}.github-item__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.github-item__name{margin:0;font-size:1.1rem;font-weight:800;line-height:1.35;color:var(--heading);word-break:break-word}.github-item__stars{color:var(--accent);font-weight:700;white-space:nowrap;font-size:.95rem}.github-item__desc{margin:0 0 14px;color:var(--muted);line-height:1.7;font-size:.98rem}.github-item__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.github__message{text-align:center;color:var(--muted)}@media(max-width:700px){.github-list{grid-template-columns:1fr}}.footer{padding:48px 20px 56px;text-align:center;color:var(--muted)}.footer__social{margin-top:14px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.footer__social a{color:var(--heading);font-weight:600;transition:color .2s ease}.footer__social a:hover{color:var(--accent)}@media(max-width:900px){.skills-grid-2{grid-template-columns:1fr}.navbar{gap:14px;padding:12px 16px;max-width:calc(100% - 24px);overflow-x:auto}}@media(max-width:640px){.section{padding:72px 0}.about{padding:140px 20px 80px}.card{width:100%}.contact{padding:24px 18px}}@keyframes moveGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}