*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F172A;--bg-card: #1E293B;--bg-card-hover: #273449;--text: #F4F4F4;--text-muted: #64748B;--text-secondary: #94A3B8;--accent: #22D3EE;--accent-dim: rgba(34, 211, 238, .1);--accent-glow: rgba(34, 211, 238, .2);--border: rgba(255, 255, 255, .07);--font-mono: "Fira Code", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent-dim);color:var(--accent)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.section{padding:120px max(48px,8vw);max-width:1100px;margin:0 auto}.section__label{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);margin-bottom:48px;display:flex;align-items:center;gap:12px}.section__label:after{content:"";display:block;height:1px;width:200px;background:var(--border)}.section__num{color:var(--accent);font-size:13px}@media (max-width: 640px){.section{padding:80px 24px}.section__label:after{width:80px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:24px 48px;transition:background .3s ease,backdrop-filter .3s ease,padding .3s ease}.navbar--scrolled{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 48px;border-bottom:1px solid var(--border)}.navbar__logo{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--accent);letter-spacing:.02em}.navbar__logo-bracket{color:var(--text-muted)}.navbar__links{display:flex;align-items:center;gap:32px}.navbar__link{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s;letter-spacing:.02em}.navbar__link:hover{color:var(--accent)}.navbar__link-num{font-family:var(--font-mono);font-size:12px;color:var(--accent);margin-right:2px}@media (max-width: 640px){.navbar{padding:20px 24px}.navbar--scrolled{padding:14px 24px}.navbar__links{gap:20px}.navbar__link-num{display:none}}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding:0 max(48px,10vw);overflow:hidden}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);z-index:0}.hero__content{position:relative;z-index:1;max-width:720px}.hero__greeting{font-family:var(--font-mono);font-size:16px;color:var(--accent);margin-bottom:16px;letter-spacing:.04em}.hero__name{font-size:clamp(42px,7vw,80px);font-weight:700;line-height:1.1;color:var(--text);margin-bottom:12px;letter-spacing:-.02em}.hero__typed-line{font-size:clamp(28px,4vw,48px);font-weight:600;color:var(--text-secondary);margin-bottom:28px;min-height:1.3em;display:flex;align-items:center;gap:2px}.hero__typed{color:var(--text-secondary)}.hero__cursor{color:var(--accent);animation:blink 1s step-end infinite;font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__description{font-size:18px;color:var(--text-muted);max-width:520px;line-height:1.7;margin-bottom:40px}.hero__cta{display:flex;gap:16px;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;padding:14px 28px;border-radius:6px;font-size:15px;font-weight:600;transition:all .2s ease;letter-spacing:.02em}.hero__btn--primary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.hero__btn--primary:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--accent-glow)}.hero__btn--secondary{color:var(--text-secondary);border:1.5px solid var(--border)}.hero__btn--secondary:hover{border-color:var(--text-secondary);color:var(--text)}.hero__scroll-hint{position:absolute;bottom:40px;left:max(48px,10vw);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media (max-width: 640px){.hero{padding:0 24px}.hero__scroll-hint{left:24px}}.about__grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;margin-top:40px}.about__text{display:flex;flex-direction:column;gap:20px;color:var(--text-secondary);font-size:17px;line-height:1.8}.about__card{position:sticky;top:100px}.about__card-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:20px}.about__card-row{display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--text)}.about__card-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.about__status{display:flex;align-items:center;gap:8px}.about__status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8099;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width: 900px){.about__grid{grid-template-columns:1fr}.about__card{position:static}}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:40px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:default}.project-card:hover{transform:translateY(-4px);border-color:#22d3ee4d;box-shadow:0 8px 32px #22d3ee14}.project-card--featured{border-color:#22d3ee33}.project-card--more{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed;opacity:.5;cursor:default;min-height:200px}.project-card--more:hover{opacity:.7;transform:none;box-shadow:none}.project-card__more-text{font-size:16px;font-weight:600;color:var(--text-secondary)}.project-card__more-hint{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:8px}.project-card__top{display:flex;align-items:center;justify-content:space-between}.project-card__folder{color:var(--accent)}.project-card__link-icon{color:var(--text-muted);display:flex;transition:color .2s}.project-card__link-icon:hover{color:var(--accent)}.project-card__title{font-size:18px;font-weight:700;color:var(--text);line-height:1.3}.project-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.7;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.project-card__tag{font-family:var(--font-mono);font-size:12px;color:var(--accent);background:var(--accent-dim);padding:3px 10px;border-radius:4px}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:40px}.skills__group{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s ease}.skills__group:hover{border-color:#22d3ee33}.skills__category{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.skills__list{list-style:none;display:flex;flex-direction:column;gap:10px}.skills__item{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-secondary)}.skills__bullet{color:var(--accent);font-size:12px;flex-shrink:0}.contact__content{margin-top:40px;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:auto;margin-right:auto}.contact__heading{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--text);margin-bottom:20px;letter-spacing:-.02em}.contact__text{font-size:17px;color:var(--text-secondary);line-height:1.8;margin-bottom:40px}.contact__btn{display:inline-flex;align-items:center;padding:16px 40px;border-radius:6px;font-size:16px;font-weight:600;color:var(--accent);border:1.5px solid var(--accent);transition:all .2s ease;letter-spacing:.02em}.contact__btn:hover{background:var(--accent-dim);box-shadow:0 0 24px var(--accent-glow)}.footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border)}.footer__text{font-size:14px;color:var(--text-muted)}.footer__name{color:var(--accent);font-weight:500}.footer__sub{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-top:6px;opacity:.5}