@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#080d10;--bg-secondary:#0b1016;--bg-card:#0f1820;--bg-card-hover:#141f28;--accent-primary:#06b6d4;--accent-secondary:#22d3ee;--accent-glow:#06b6d41f;--accent-glow-strong:#06b6d447;--highlight:#34d399;--highlight-dim:#34d3991a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--border-subtle:#ffffff0f;--border-accent:#06b6d447;--gradient-hero:linear-gradient(135deg, #080d10 0%, #091620 50%, #080e18 100%);--gradient-section:linear-gradient(180deg, #080d10 0%, #0b1016 100%);--gradient-card:linear-gradient(135deg, #0f1820f2 0%, #0b1016e6 100%);--gradient-accent:linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--gradient-tag:linear-gradient(135deg, #06b6d41a 0%, #22d3ee12 100%);--shadow-card:0 4px 24px #00000080, 0 1px 4px #00000059;--shadow-card-hover:0 8px 40px #06b6d426, 0 4px 16px #00000080;--shadow-glow:0 0 24px #06b6d433;--bg-header:#080d10e0;--bg-header-mobile:#080d10fa;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}[data-theme=light]{--bg-primary:#f0fafb;--bg-secondary:#e4f5f8;--bg-card:#fff;--bg-card-hover:#edf9fb;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-subtle:#06b6d41f;--border-accent:#06b6d461;--accent-glow:#06b6d41a;--accent-glow-strong:#06b6d438;--highlight-dim:#06b6d414;--gradient-hero:linear-gradient(135deg, #ecfcff 0%, #e0f8fd 40%, #eafaf7 100%);--gradient-section:linear-gradient(180deg, #f0fafb 0%, #e4f5f8 100%);--gradient-card:linear-gradient(135deg, #fffffff7 0%, #edf9fbf2 100%);--gradient-tag:linear-gradient(135deg, #06b6d41f 0%, #22d3ee14 100%);--shadow-card:0 2px 16px #06b6d412, 0 1px 3px #0000000a;--shadow-card-hover:0 8px 32px #06b6d429, 0 2px 8px #06b6d412;--shadow-glow:0 0 24px #06b6d42e;--bg-header:#f0fafbeb;--bg-header-mobile:#f0fafbfa}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s,color .3s}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);opacity:.6;border-radius:3px}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.5rem;font-size:.75rem}.section-title{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.15}.section-description{font-family:var(--font-body);color:var(--text-secondary);max-width:680px;font-size:1.05rem;line-height:1.75}.badge{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.badge-fullstack{color:var(--accent-primary);background:#06b6d41a;border-color:#06b6d44d}.badge-iot{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa4d}.badge-mobile{color:#34d399;background:#34d3991a;border-color:#34d3994d}.badge-extension{color:#fb923c;background:#fb923c1a;border-color:#fb923c4d}.badge-desktop{color:#f87171;background:#f871711a;border-color:#f871714d}code{font-family:var(--font-mono)}.btn{font-family:var(--font-body);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:.65rem 1.5rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 0 20px #06b6d447}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #06b6d46b}.btn-secondary{border-color:var(--border-subtle);color:var(--text-secondary);background:0 0}.btn-secondary:hover{border-color:var(--border-accent);color:var(--text-primary);background:var(--accent-glow)}.App{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:3rem 2.5rem 0}.footer-inner{flex-wrap:wrap;gap:3rem;max-width:1100px;margin:0 auto;padding-bottom:2.5rem;display:flex}.footer-brand{flex:2;align-items:flex-start;gap:1rem;min-width:240px;display:flex}.footer-logo-mark{background:var(--gradient-accent);color:#fff;width:38px;height:38px;font-family:var(--font-display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 0 14px #06b6d440}.footer-brand-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.footer-brand-desc{color:var(--text-muted);max-width:320px;font-size:.87rem;line-height:1.7}.footer-links-col{flex:1;min-width:140px}.footer-col-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.9rem;font-size:.72rem}.footer-links-col ul{flex-direction:column;gap:.55rem;list-style:none;display:flex}.footer-links-col a{color:var(--text-muted);transition:color var(--transition-fast);font-size:.88rem;text-decoration:none}.footer-links-col a:hover{color:var(--accent-secondary)}.footer-bottom{border-top:1px solid var(--border-subtle);max-width:1100px;color:var(--text-muted);text-align:center;margin:0 auto;padding:1.1rem 0;font-size:.82rem}.footer-bottom span{color:var(--accent-primary);font-weight:600}@media (width<=640px){.footer{padding:2rem 1.25rem 0}.footer-inner{gap:2rem}.footer-brand{flex-direction:column;gap:.75rem}}.header{background:var(--bg-header);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:1000;height:64px;transition:background var(--transition-base);justify-content:space-between;align-items:center;padding:0 2.5rem;display:flex;position:sticky;top:0}.header-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.header-logo-mark{background:var(--gradient-accent);color:#fff;width:34px;height:34px;font-family:var(--font-display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 14px #06b6d44d}.header-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.header-links-container{align-items:center;display:flex}.header-links{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.header-link{font-family:var(--font-body);color:var(--text-secondary);transition:all var(--transition-base);letter-spacing:.01em;border:1px solid #0000;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:block}.header-link:hover{color:var(--text-primary);background:var(--highlight-dim);border-color:var(--border-subtle)}.header-link.active{color:var(--accent-primary);background:var(--accent-glow);border-color:var(--border-accent)}.header-controls{align-items:center;gap:.5rem;display:flex}.theme-toggle{border:1px solid var(--border-subtle);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.theme-toggle:hover{background:var(--highlight-dim);border-color:var(--border-accent);transform:rotate(12deg)scale(1.08)}.theme-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hamburger{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.hamburger:hover{background:var(--highlight-dim)}.hamburger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.bar{background-color:var(--text-primary);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.hamburger.open .bar:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#00000080;position:fixed;inset:64px 0 0}@media (width>=1025px){.header-links-container{flex:1;justify-content:center}}@media (width<=1024px){.header{padding:0 1.25rem}.hamburger{display:flex}.header-links-container{background:var(--bg-header-mobile);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);z-index:1000;padding:.75rem 1rem 1.25rem;display:none;position:absolute;top:64px;left:0;right:0}.header-links-container.active{display:flex}.header-links{flex-direction:column;gap:.2rem;width:100%}.header-link{text-align:center;width:100%;padding:.75rem 1rem;font-size:1rem}}.reveal-left,.reveal-right,.reveal-up{opacity:0;transition:opacity .65s,transform .65s}.reveal-left{transform:translate(-28px)}.reveal-right{transform:translate(28px)}.reveal-up{transform:translateY(20px)}.reveal-left.revealed,.reveal-right.revealed,.reveal-up.revealed{opacity:1;transform:none}.hero-section{background:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;gap:3.5rem;min-height:calc(100vh - 64px);padding:5rem 2.5rem 3.5rem;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#06b6d408 1px,#0000 1px),linear-gradient(90deg,#06b6d408 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d412 0%,#0000 68%);width:700px;height:700px;position:absolute;top:50%;left:22%;transform:translate(-50%,-50%)}.hero-content{z-index:1;align-items:center;gap:4.5rem;width:100%;max-width:1200px;display:flex;position:relative}.hero-terminal-wrap{flex:0 0 480px;max-width:480px;position:relative}.hero-terminal{border-radius:var(--radius-lg);background:#050c10;border:1px solid #06b6d42e;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 64px #0009,0 0 40px #06b6d414}.hero-terminal-bar{background:#ffffff06;border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:10px 14px;display:flex}.hero-terminal-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.hero-terminal-filename{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin-left:8px;font-size:.72rem}.hero-terminal-filename--link{transition:color var(--transition-fast);text-decoration:none}.hero-terminal-filename--link:hover{color:var(--accent-secondary);text-decoration:underline}.hero-terminal-code{font-family:var(--font-mono);white-space:pre;-webkit-user-select:none;user-select:none;font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0;padding:1.25rem 1.5rem 1.5rem;font-size:.78rem;line-height:1.75;overflow:hidden}.hero-code-line{align-items:baseline;display:flex}.hero-token--keyword{color:#22d3ee;font-weight:600}.hero-token--fn{color:#06b6d4;font-weight:600}.hero-token--var{color:#67e8f9}.hero-token--param{color:#94a3b8}.hero-token--comment{color:#2a4a52;font-style:italic}.hero-token--suffix{color:#64748b}.hero-terminal-code .hero-code-line:last-child .hero-token--suffix:after{content:"▌";color:var(--accent-primary);margin-left:1px;animation:1.1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-avatar-wrap{z-index:5;position:absolute;bottom:-28px;right:-20px}.hero-avatar{object-fit:cover;border:3px solid var(--bg-primary);z-index:2;border-radius:50%;width:90px;height:90px;position:relative;box-shadow:0 8px 32px #00000080}.hero-avatar-ring{background:var(--gradient-accent);z-index:1;border-radius:50%;position:absolute;inset:-3px}.hero-text{flex:1;min-width:0}.hero-pre-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#34d399;background:#34d39914;border:1px solid #34d39938;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.25rem;padding:5px 12px 5px 8px;font-size:.74rem;display:inline-flex}.hero-pre-label-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 #34d39980}50%{opacity:.6;box-shadow:0 0 0 5px #34d39900}}.hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:800;line-height:1.08}.hero-title-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:1.75rem;font-size:1.02rem;line-height:1.8}.hero-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.hero-chip{background:var(--gradient-tag);border:1px solid var(--border-accent);color:var(--accent-secondary);font-family:var(--font-mono);letter-spacing:.04em;transition:all var(--transition-fast);border-radius:999px;padding:4px 12px;font-size:.76rem;display:inline-block}.hero-chip:hover{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.hero-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1.75rem;display:flex}.hero-social-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.hero-social-link{font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:5px;font-size:.76rem;text-decoration:none;display:inline-flex}.hero-social-link:hover{color:var(--accent-secondary)}.hero-social-icon{opacity:.6;width:14px;height:14px;transition:opacity var(--transition-fast)}.hero-social-link:hover .hero-social-icon{opacity:1}.hero-social-sep{color:var(--border-subtle);font-size:1rem}.hero-stats{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;width:100%;max-width:520px;display:flex;position:relative;overflow:hidden}.hero-stat{flex-direction:column;flex:1;align-items:center;gap:3px;padding:1rem;display:flex;position:relative}.hero-stat+.hero-stat:before{content:"";background:var(--border-subtle);width:1px;height:64%;position:absolute;top:18%;left:0}.hero-stat-value{font-family:var(--font-display);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.65rem;font-weight:700;line-height:1}.hero-stat-label{color:var(--text-muted);text-align:center;letter-spacing:.02em;font-size:.72rem}@media (width<=1024px){.hero-terminal-wrap{flex:0 0 400px;max-width:400px}.hero-terminal-code{font-size:.72rem}}@media (width<=860px){.hero-content{flex-direction:column-reverse;gap:2rem}.hero-terminal-wrap{flex:none;width:100%;max-width:100%}.hero-text{text-align:center}.hero-pre-label{margin-left:auto;margin-right:auto}.hero-chips,.hero-actions,.hero-social-row{justify-content:center}.hero-avatar-wrap{bottom:-22px;right:16px}}@media (width<=500px){.hero-section{gap:2rem;min-height:auto;padding:3.5rem 1.25rem 2.5rem}.hero-terminal-code{padding:1rem;font-size:.67rem}.hero-stats{flex-direction:column}.hero-stat+.hero-stat:before{width:70%;height:1px;top:0;left:15%}}.about-page{background:var(--gradient-section);flex-direction:column;gap:5rem;max-width:1100px;min-height:calc(100vh - 64px);margin:0 auto;padding:5rem 2.5rem;display:flex}.about-intro-text{flex-direction:column;gap:.6rem;max-width:720px;display:flex}.about-subtitle{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:.06em;margin-bottom:.4rem;font-size:.9rem}.about-bio{color:var(--text-secondary);font-size:1rem;line-height:1.85}.about-contact-chips{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.about-chip{font-family:var(--font-mono);background:var(--accent-glow);border:1px solid var(--border-accent);color:var(--accent-secondary);transition:all var(--transition-fast);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;text-decoration:none;display:inline-flex}.about-chip:hover{background:var(--accent-glow-strong);color:var(--text-primary);transform:translateY(-2px)}.location-chip{cursor:default;color:var(--text-muted);border-color:var(--border-subtle);background:#ffffff08}.location-chip:hover{color:var(--text-muted);background:#ffffff08;transform:none}.about-chip-icon{flex-shrink:0;width:13px;height:13px}.about-skills-section{flex-direction:column;gap:2rem;display:flex}.about-skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.about-skill-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-base), border-color var(--transition-base);padding:1.4rem}.about-skill-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.about-skill-card-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.about-skill-icon{font-size:1.3rem}.about-skill-category{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.about-skill-tags{flex-wrap:wrap;gap:.4rem;display:flex}.about-skill-tag{font-family:var(--font-mono);background:var(--gradient-tag);border:1px solid var(--border-accent);color:var(--accent-secondary);border-radius:999px;padding:3px 9px;font-size:.72rem}.about-timeline-section{flex-direction:column;gap:2rem;display:flex}.about-timeline{border-left:2px solid var(--border-accent);flex-direction:column;gap:0;margin-left:.5rem;padding-left:2rem;display:flex}.about-timeline-item{padding-bottom:2.5rem;position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-dot{background:var(--gradient-accent);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-2.6rem;box-shadow:0 0 8px #06b6d480}.about-timeline-year{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:.06em;margin-bottom:.35rem;font-size:.75rem}.about-timeline-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.45rem;font-size:1.05rem;font-weight:700}.about-timeline-desc{color:var(--text-secondary);max-width:600px;font-size:.9rem;line-height:1.75}@media (width<=640px){.about-page{gap:3.5rem;padding:3rem 1.25rem}.about-skills-grid{grid-template-columns:1fr}}.project-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-accent);transform:translateY(-6px)}.pc-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.pc-title-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.pc-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1.3}.pc-wip{font-family:var(--font-mono);color:#facc15;background:#facc151a;border:1px solid #facc154d;border-radius:999px;padding:2px 8px;font-size:.68rem}.pc-description{color:var(--text-secondary);font-size:.92rem;line-height:1.75}.pc-features-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.5rem;font-size:.72rem}.pc-features-list{flex-direction:column;gap:.3rem;list-style:none;display:flex}.pc-features-list li{color:var(--text-secondary);align-items:flex-start;gap:.5rem;font-size:.875rem;display:flex}.pc-features-list li:before{content:"▸";color:var(--accent-primary);flex-shrink:0;margin-top:1px;font-size:.8rem}.pc-stats{flex-wrap:wrap;align-items:center;gap:.75rem;min-height:20px;display:flex}.pc-stat{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.pc-stat-icon{font-size:.7rem}.pc-stat-val{color:var(--text-secondary);font-weight:600}.pc-lang-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:2px}.pc-version{font-family:var(--font-mono);color:var(--accent-primary);background:var(--accent-glow);border:1px solid var(--border-accent);border-radius:999px;padding:1px 7px;font-size:.72rem}.pc-stat-skeleton{background:var(--border-subtle);border-radius:4px;width:60px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse;display:inline-block}.pc-stat-skeleton--sm{width:40px}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.pc-tech-row{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.pc-tech-tag{font-family:var(--font-mono);background:var(--gradient-tag);border:1px solid var(--border-accent);color:var(--accent-secondary);transition:background var(--transition-fast);border-radius:999px;padding:3px 9px;font-size:.7rem}.pc-tech-tag:hover{background:var(--accent-glow)}.pc-actions{flex-wrap:wrap;gap:.6rem;display:flex}.pc-action-btn{font-family:var(--font-body);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.pc-action-btn.github{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff0a}.pc-action-btn.github:hover{border-color:var(--border-accent);color:var(--text-primary);background:#ffffff14}.pc-action-btn.publish{background:var(--gradient-accent);color:#fff;box-shadow:0 0 14px #06b6d440}.pc-action-btn.publish:hover{transform:translateY(-2px);box-shadow:0 4px 20px #06b6d466}.pc-action-icon{flex-shrink:0;width:14px;height:14px}.projects-page{background:var(--gradient-section);flex-direction:column;gap:3rem;max-width:1200px;min-height:calc(100vh - 64px);margin:0 auto;padding:5rem 2.5rem;display:flex}.projects-header{flex-direction:column;gap:.75rem;max-width:680px;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem;display:grid}@media (width<=780px){.projects-page{padding:3.5rem 1.25rem}.projects-grid{grid-template-columns:1fr}}.reveal-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal-up.revealed{opacity:1;transform:none}.contact-page{background:var(--gradient-section);flex-direction:column;gap:3.5rem;max-width:1100px;min-height:calc(100vh - 64px);margin:0 auto;padding:5rem 2.5rem;display:flex}.contact-header{flex-direction:column;gap:.75rem;display:flex}.contact-body{grid-template-columns:1fr 1.4fr;align-items:flex-start;gap:3rem;display:grid}.contact-cards{flex-direction:column;gap:.85rem;display:flex}.contact-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:inherit;transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;display:flex}.contact-card:not(.contact-card--static):hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover);transform:translate(4px)}.contact-card--static{cursor:default}.contact-card-icon{background:var(--accent-glow);border:1px solid var(--border-accent);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-icon svg{width:18px;height:18px}.contact-card-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.7rem}.contact-card-value{color:var(--text-secondary);word-break:break-all;font-size:.88rem;font-weight:500}.contact-card:not(.contact-card--static):hover .contact-card-value{color:var(--accent-secondary)}.contact-form-wrap{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}.form-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff08;outline:none;width:100%;padding:.7rem .9rem;font-size:.9rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-textarea{resize:vertical;min-height:130px}.contact-submit{align-self:flex-start;margin-top:.25rem}.contact-sent{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.contact-sent-icon{font-size:2.5rem}.contact-sent h3{font-family:var(--font-display);color:var(--text-primary);font-size:1.2rem;font-weight:700}.contact-sent p{color:var(--text-secondary);font-size:.9rem}@media (width<=900px){.contact-body{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){.contact-page{gap:2.5rem;padding:3rem 1.25rem}.contact-form-wrap{padding:1.25rem}}