@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.section-head{border-top:1px solid #E7E9EE;padding-top:28px;margin-bottom:56px;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.section-head .section-kicker{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;color:#9aa0aa}.section-head h2{font-size:40px;font-weight:800;letter-spacing:-.025em;margin:16px 0 0}.section-head .section-desc{max-width:400px;font-size:16px;line-height:1.7;color:#6b7280;margin:0}@media (max-width: 640px){.section-head h2{font-size:28px}}.section-block{scroll-margin-top:80px;margin-top:120px}@media (max-width: 768px){.section-block{margin-top:80px}}.tag-chip{font-family:JetBrains Mono,monospace;font-size:11px;color:#4b5058;border:1px solid #E7E9EE;border-radius:6px;padding:4px 8px;background:#fff}.dark .section-head{border-top-color:#23262c}.dark .section-head .section-kicker{color:#7e838d}.dark .section-head .section-desc{color:#9ba1ab}.dark .tag-chip{color:#9ba1ab;border-color:#23262c;background:#15171b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Pretendard,Noto Sans KR,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#f7f8fa;color:#15171c;overflow-x:clip}body.dark{background-color:#0d0e11;color:#eaecef}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;border:none;outline:none;background:none;padding:0;margin:0;color:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;border-spacing:0}.main-header{position:sticky;top:0;z-index:50;background:#f7f8fad1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #E7E9EE}.main-header .header-container{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.main-header .header-container{padding:0 20px}}.main-header .header-container{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.main-header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#15171c}.main-header .logo .logo-name{font-weight:800;font-size:17px;letter-spacing:-.01em}.main-header .logo .logo-badge{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:#868c96;border:1px solid #E7E9EE;border-radius:5px;padding:3px 6px}.main-header .menu-toggle{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:0}.main-header .menu-toggle span{width:20px;height:2px;border-radius:2px;background:#15171c;transition:transform .2s ease,opacity .2s ease}.main-header .menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.main-header .menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-header .nav-menu{display:flex;align-items:center;gap:4px}.main-header .nav-menu a{font-size:14px;color:#4b5058;text-decoration:none;padding:8px 12px;border-radius:8px;transition:background-color .2s,color .2s}.main-header .nav-menu a:hover{background-color:#14171c0a;color:#15171c}.main-header .nav-menu a.active{color:#15171c;background-color:#14171c0d}.main-header .nav-menu .resume-btn{margin-left:8px;font-size:13px;font-weight:600;color:#4f46e5;border:1px solid #4F46E5;padding:8px 14px}.main-header .nav-menu .resume-btn:hover{background-color:#4f46e5;color:#fff}@media (max-width: 640px){.main-header .header-container{height:56px}.main-header .menu-toggle{display:flex}.main-header .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;background:#fff;border-bottom:1px solid #E7E9EE}.main-header .nav-menu.open{display:flex}.main-header .nav-menu a{font-size:16px;color:#15171c;padding:13px 0;border-radius:0;border-bottom:1px solid #F0F1F4}.main-header .nav-menu a:hover,.main-header .nav-menu a.active{background:none;color:#4f46e5}.main-header .nav-menu .resume-btn{margin-left:0;margin-top:8px;text-align:center;font-size:14px;color:#fff;background:#4f46e5;border:none;padding:13px;border-radius:10px}}.dark .main-header{background:#0d0e11d1;border-bottom-color:#23262c}.dark .main-header .logo{color:#eaecef}.dark .main-header .logo .logo-badge{color:#8a8f99;border-color:#23262c}.dark .main-header .menu-toggle span{background:#eaecef}.dark .main-header .nav-menu a{color:#aeb3bc}.dark .main-header .nav-menu a:hover{background-color:#ffffff0f;color:#eaecef}.dark .main-header .nav-menu a.active{background-color:#ffffff14;color:#eaecef}@media (max-width: 640px){.dark .main-header .nav-menu{background:#15171b;border-bottom-color:#23262c}.dark .main-header .nav-menu a{color:#eaecef;border-bottom-color:#20232a}.dark .main-header .nav-menu a:hover,.dark .main-header .nav-menu a.active{background:none;color:#4f46e5}}main{width:100%;min-height:100vh}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.intro-section{position:relative;max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.intro-section{padding:0 20px}}.intro-section .top-anchor{position:absolute;top:0}.intro-section .intro-grid{position:relative;display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:center;padding:120px 0 108px}.intro-section .dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#DCDFE6 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%);opacity:.55;pointer-events:none}.intro-section .intro-content{position:relative}.intro-section .intro-content .kicker{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.16em;color:#4f46e5;margin-bottom:26px}.intro-section .intro-content .kicker .kicker-short{display:none}.intro-section .intro-content h1{font-size:60px;line-height:1.08;font-weight:800;letter-spacing:-.03em;margin:0 0 28px}.intro-section .intro-content h1 .accent{color:#4f46e5}.intro-section .intro-content p{font-size:18px;line-height:1.75;color:#4b5058;max-width:540px;margin:0 0 38px}.intro-section .intro-content p strong{color:#15171c;font-weight:600}.intro-section .intro-content .intro-buttons{display:flex;gap:12px}.intro-section .intro-content .intro-buttons a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;padding:14px 24px;border-radius:10px;transition:transform .15s ease,background-color .2s}.intro-section .intro-content .intro-buttons a:hover{transform:translateY(-1px)}.intro-section .intro-content .intro-buttons .btn-primary{color:#fff;background:#4f46e5}.intro-section .intro-content .intro-buttons .btn-primary .arrow{font-family:JetBrains Mono,monospace}.intro-section .intro-content .intro-buttons .btn-primary:hover{background:#4338ca}.intro-section .intro-content .intro-buttons .btn-secondary{color:#15171c;background:#fff;border:1px solid #E7E9EE}.intro-section .intro-content .intro-buttons .btn-secondary:hover{background:#fff;border-color:#9aa0aa}.intro-section .status-card{position:relative;background:#fff;border:1px solid #E7E9EE;border-radius:16px;padding:26px;box-shadow:0 1px 2px #14171c0a}.intro-section .status-card .status-head{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:#868c96;padding-bottom:18px;border-bottom:1px solid #F0F1F4}.intro-section .status-card .status-head .dot{flex:none;width:7px;height:7px;border-radius:50%;background:#10b981;animation:blink 1.8s ease-in-out infinite}.intro-section .status-card dl{margin:0;font-family:JetBrains Mono,monospace}.intro-section .status-card dl>div{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #F0F1F4}.intro-section .status-card dl>div:last-child{padding-bottom:4px;border-bottom:none}.intro-section .status-card dl dt{font-size:11px;letter-spacing:.08em;color:#9aa0aa}.intro-section .status-card dl dd{margin:0;font-size:12.5px;color:#15171c;text-align:right}@media (max-width: 900px){.intro-section .intro-grid{grid-template-columns:1fr;gap:40px;padding:72px 0 64px}.intro-section .intro-content h1{font-size:44px}}@media (max-width: 600px){.intro-section .intro-content .intro-buttons{flex-direction:column}.intro-section .intro-content .intro-buttons a{width:100%;justify-content:center;padding:15px}}@media (max-width: 480px){.intro-section .intro-content h1{font-size:40px}.intro-section .intro-content p{font-size:15px}.intro-section .intro-content .kicker .kicker-full{display:none}.intro-section .intro-content .kicker .kicker-short{display:inline}}.dark .intro-section .dot-grid{background-image:radial-gradient(#20232A 1px,transparent 1px)}.dark .intro-section .intro-content p{color:#aeb3bc}.dark .intro-section .intro-content p strong{color:#eaecef}.dark .intro-section .intro-content .intro-buttons .btn-secondary{color:#eaecef;background:#15171b;border-color:#23262c}.dark .intro-section .intro-content .intro-buttons .btn-secondary:hover{background:#191b20;border-color:#7e838d}.dark .intro-section .status-card{background:#15171b;border-color:#23262c;box-shadow:none}.dark .intro-section .status-card .status-head{color:#8a8f99;border-bottom-color:#20232a}.dark .intro-section .status-card dl>div{border-bottom-color:#20232a}.dark .intro-section .status-card dl dt{color:#7e838d}.dark .intro-section .status-card dl dd{color:#eaecef}.core-section .section-inner{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.core-section .section-inner{padding:0 20px}}.core-section .core-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #E7E9EE;border-radius:16px;overflow:hidden;background:#fff}.core-section .core-card{padding:34px;border-right:1px solid #E7E9EE}.core-section .core-card:last-child{border-right:none}.core-section .core-card .core-no{font-family:JetBrains Mono,monospace;font-size:13px;color:#4f46e5;margin-bottom:18px}.core-section .core-card h3{font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px;line-height:1.35}.core-section .core-card p{font-size:14.5px;line-height:1.72;color:#5a606a;margin:0}@media (max-width: 768px){.core-section .core-cards{grid-template-columns:1fr}.core-section .core-card{border-right:none;border-bottom:1px solid #E7E9EE}.core-section .core-card:last-child{border-bottom:none}}.dark .core-section .core-cards{background:#15171b;border-color:#23262c}.dark .core-section .core-card{border-right-color:#23262c;border-bottom-color:#23262c}.dark .core-section .core-card p{color:#9ba1ab}.skill-section .section-inner{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.skill-section .section-inner{padding:0 20px}}.skill-section .skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skill-section .skill-card{background:#fff;border:1px solid #E7E9EE;border-radius:14px;padding:22px}.skill-section .skill-card__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.skill-section .skill-card__head .cat-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:#4f46e5}.skill-section .skill-card__head .cat-count{font-family:JetBrains Mono,monospace;font-size:11px;color:#c2c6ce}.skill-section .skill-card__list{display:flex;flex-direction:column;gap:14px}.skill-section .skill-card .skill-item{display:flex;align-items:center;gap:10px}.skill-section .skill-card .skill-item .icon{width:18px;height:18px;object-fit:contain}.skill-section .skill-card .skill-item .label{font-size:14px;color:#3c4149}@media (max-width: 900px){.skill-section .skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.skill-section .skill-card__list{display:grid;grid-template-columns:1fr 1fr;gap:13px}}@media (max-width: 480px){.skill-section .skills-grid{grid-template-columns:1fr}}.dark .skill-section .skill-card{background:#15171b;border-color:#23262c}.dark .skill-section .skill-card__head .cat-count{color:#4a4f58}.dark .skill-section .skill-card .skill-item .label{color:#c3c7ce}.dark .skill-section .skill-card .icon[data-name="Next.js"],.dark .skill-section .skill-card .icon[data-name=Vercel],.dark .skill-section .skill-card .icon[data-name=GitHub],.dark .skill-section .skill-card .icon[data-name=Notion],.dark .skill-section .skill-card .icon[data-name=Cursor],.dark .skill-section .skill-card .icon[data-name=ChatGPT]{filter:invert(1)}.experience-section .section-inner{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.experience-section .section-inner{padding:0 20px}}.experience-section .exp-row{display:grid;grid-template-columns:260px 1fr;gap:48px;margin-bottom:64px}.experience-section .exp-row:last-child{margin-bottom:0}.experience-section .exp-meta .exp-period{font-family:JetBrains Mono,monospace;font-size:12px;color:#4f46e5;margin-bottom:10px}.experience-section .exp-meta .exp-company{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.experience-section .exp-meta .exp-role{font-size:15px;color:#5a606a;margin-bottom:16px}.experience-section .exp-meta .exp-desc{font-size:13.5px;line-height:1.65;color:#868c96;margin:0 0 16px}.experience-section .exp-meta .exp-tags{display:flex;flex-wrap:wrap;gap:6px}.experience-section .exp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.experience-section .exp-metrics .metric-card{background:#fff;border:1px solid #E7E9EE;border-radius:12px;padding:20px}.experience-section .exp-metrics .metric-card .metric-value{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#4f46e5}.experience-section .exp-metrics .metric-card .metric-value .arrow{font-size:16px}.experience-section .exp-metrics .metric-card .metric-label{font-size:12.5px;color:#6b7280;margin-top:6px}.experience-section .exp-accordion{display:flex;flex-direction:column}.experience-section .exp-accordion .acc-item{border-top:1px solid #EDEEF2}.experience-section .exp-accordion .acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit}.experience-section .exp-accordion .acc-head .acc-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.experience-section .exp-accordion .acc-head .acc-title .acc-name{font-size:15px;font-weight:700;color:#15171c}.experience-section .exp-accordion .acc-head .acc-title .acc-period{font-family:JetBrains Mono,monospace;font-size:11px;color:#9aa0aa}.experience-section .exp-accordion .acc-head .acc-sign{flex:none;font-family:JetBrains Mono,monospace;font-size:20px;line-height:1;color:#4f46e5;width:20px;text-align:center}.experience-section .exp-accordion .acc-body{padding:0 0 22px}.experience-section .exp-accordion .acc-body .acc-role{font-size:13px;color:#868c96;margin-bottom:12px}.experience-section .exp-accordion .acc-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px}.experience-section .exp-accordion .acc-body ul li{font-size:14px;line-height:1.6;color:#5a606a}.experience-section .exp-tasks{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:9px}.experience-section .exp-tasks li{font-size:14.5px;line-height:1.65;color:#5a606a}@media (max-width: 768px){.experience-section .exp-row{grid-template-columns:1fr;gap:24px}}@media (max-width: 640px){.experience-section .exp-metrics{gap:8px}.experience-section .exp-metrics .metric-card{padding:14px 12px}.experience-section .exp-metrics .metric-card .metric-value{font-size:22px}.experience-section .exp-metrics .metric-card .metric-label{font-size:11px;line-height:1.3}}.dark .experience-section .exp-meta .exp-role{color:#9ba1ab}.dark .experience-section .exp-meta .exp-desc{color:#8a8f99}.dark .experience-section .exp-metrics .metric-card{background:#15171b;border-color:#23262c}.dark .experience-section .exp-metrics .metric-card .metric-label{color:#9ba1ab}.dark .experience-section .exp-accordion .acc-item{border-top-color:#20232a}.dark .experience-section .exp-accordion .acc-head .acc-title .acc-name{color:#eaecef}.dark .experience-section .exp-accordion .acc-head .acc-title .acc-period{color:#7e838d}.dark .experience-section .exp-accordion .acc-body .acc-role{color:#8a8f99}.dark .experience-section .exp-accordion .acc-body ul li,.dark .experience-section .exp-tasks li{color:#9ba1ab}.projects-section .section-inner{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.projects-section .section-inner{padding:0 20px}}.projects-section .tag-chip.plain{background:transparent}.projects-section .tag-chip.plain.sm{font-size:10.5px;color:#6b7280;padding:3px 7px;border-radius:5px}.projects-section .featured-card{background:#fff;border:1px solid #E7E9EE;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:24px}.projects-section .featured-info{padding:40px;display:flex;flex-direction:column}.projects-section .featured-info .featured-tags-top{display:flex;align-items:center;gap:10px;margin-bottom:22px}.projects-section .featured-info .featured-tags-top .badge-featured{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:#fff;background:#4f46e5;border-radius:6px;padding:4px 9px}.projects-section .featured-info .featured-tags-top .featured-type{font-family:JetBrains Mono,monospace;font-size:12px;color:#9aa0aa}.projects-section .featured-info .featured-title{font-size:30px;font-weight:800;letter-spacing:-.025em;margin:0 0 8px}.projects-section .featured-info .featured-date{font-family:JetBrains Mono,monospace;font-size:12px;color:#9aa0aa;margin-bottom:20px}.projects-section .featured-info .featured-desc{font-size:15px;line-height:1.72;color:#4b5058;margin:0 0 24px}.projects-section .featured-info .featured-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.projects-section .featured-info .featured-links{display:flex;gap:10px;margin-top:auto}.projects-section .featured-info .featured-links a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;text-decoration:none;padding:10px 16px;border-radius:9px;transition:opacity .2s,background-color .2s}.projects-section .featured-info .featured-links .btn-dark{color:#fff;background:#15171c}.projects-section .featured-info .featured-links .btn-dark .ext{font-family:JetBrains Mono,monospace}.projects-section .featured-info .featured-links .btn-dark:hover{opacity:.88}.projects-section .featured-info .featured-links .btn-outline{color:#15171c;background:#fff;border:1px solid #E7E9EE}.projects-section .featured-info .featured-links .btn-outline:hover{border-color:#9aa0aa}.projects-section .featured-preview{background:#eef1f5;padding:32px 32px 0;display:flex;align-items:flex-end}.projects-section .featured-preview .browser{border:1px solid #E1E4EA;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -8px 30px #14171c1a;width:100%}.projects-section .featured-preview .browser .browser-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f7f8fa;border-bottom:1px solid #E7E9EE}.projects-section .featured-preview .browser .browser-bar .dot{width:9px;height:9px;border-radius:50%}.projects-section .featured-preview .browser .browser-bar .dot.red{background:#e1594e}.projects-section .featured-preview .browser .browser-bar .dot.yellow{background:#e9b44c}.projects-section .featured-preview .browser .browser-bar .dot.green{background:#5bb574}.projects-section .featured-preview .browser .browser-bar .browser-url{font-family:JetBrains Mono,monospace;font-size:10px;color:#9aa0aa;margin-left:8px}.projects-section .featured-preview .browser img{display:block;width:100%}.projects-section .project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.projects-section .project-card{background:#fff;border:1px solid #E7E9EE;border-radius:16px;overflow:hidden}.projects-section .project-card .project-thumb{border-bottom:1px solid #EDEEF2;background:#f1f3f6;height:200px;overflow:hidden}.projects-section .project-card .project-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.projects-section .project-card .project-body{padding:24px}.projects-section .project-card .project-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.projects-section .project-card .project-head h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0}.projects-section .project-card .project-head .project-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:#9aa0aa;white-space:nowrap}.projects-section .project-card .project-desc{font-size:13.5px;line-height:1.65;color:#5a606a;margin:0 0 16px}.projects-section .project-card .project-stack{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.projects-section .project-card .project-links{display:flex;gap:16px}.projects-section .project-card .project-links a{font-size:12.5px;font-weight:600;text-decoration:none;padding-bottom:1px}.projects-section .project-card .project-links .link-demo{color:#15171c;border-bottom:1px solid #4F46E5}.projects-section .project-card .project-links .link-github{color:#868c96;border-bottom:1px solid #D6DAE1}.projects-section .project-card .project-private{font-family:JetBrains Mono,monospace;font-size:12px;color:#b0b5bd}@media (max-width: 860px){.projects-section .featured-card{grid-template-columns:1fr}.projects-section .featured-preview{order:-1;padding:24px 24px 0}.projects-section .featured-info{padding:28px}.projects-section .featured-info .featured-links a{flex:1;justify-content:center}}@media (max-width: 640px){.projects-section .project-grid{grid-template-columns:1fr}}.dark .projects-section .tag-chip.plain{background:transparent}.dark .projects-section .tag-chip.plain.sm{color:#9ba1ab}.dark .projects-section .featured-card{background:#15171b;border-color:#23262c}.dark .projects-section .featured-info .featured-type,.dark .projects-section .featured-info .featured-date{color:#7e838d}.dark .projects-section .featured-info .featured-desc{color:#aeb3bc}.dark .projects-section .featured-info .featured-links .btn-dark{background:#4f46e5}.dark .projects-section .featured-info .featured-links .btn-dark:hover{opacity:.88}.dark .projects-section .featured-info .featured-links .btn-outline{color:#eaecef;background:#15171b;border-color:#23262c}.dark .projects-section .featured-info .featured-links .btn-outline:hover{border-color:#7e838d}.dark .projects-section .featured-preview{background:#191b20}.dark .projects-section .featured-preview .browser{border-color:#2a2e36}.dark .projects-section .featured-preview .browser .browser-bar{background:#0d0e11;border-bottom-color:#23262c}.dark .projects-section .featured-preview .browser .browser-bar .browser-url{color:#7e838d}.dark .projects-section .project-card{background:#15171b;border-color:#23262c}.dark .projects-section .project-card .project-thumb{background:#191b20;border-bottom-color:#20232a}.dark .projects-section .project-card .project-head .project-meta{color:#7e838d}.dark .projects-section .project-card .project-desc{color:#9ba1ab}.dark .projects-section .project-card .project-links .link-demo{color:#eaecef}.dark .projects-section .project-card .project-links .link-github{color:#8a8f99}.dark .projects-section .project-card .project-private{color:#5c616b}.contact-section .section-inner{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.contact-section .section-inner{padding:0 20px}}.contact-section .contact-grid{border-top:1px solid #E7E9EE;padding:80px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.contact-section .contact-lead .section-kicker{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;color:#9aa0aa;margin-bottom:24px}.contact-section .contact-lead h2{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 20px}.contact-section .contact-lead p{font-size:16px;line-height:1.7;color:#6b7280;margin:0}.contact-section .contact-links{font-family:JetBrains Mono,monospace}.contact-section .contact-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid #E7E9EE;text-decoration:none;color:#15171c;transition:color .2s}.contact-section .contact-links a.last{border-bottom:1px solid #E7E9EE}.contact-section .contact-links a:hover{color:#4f46e5}.contact-section .contact-links a .c-label{font-size:11px;letter-spacing:.08em;color:#9aa0aa}.contact-section .contact-links a .c-value{font-size:15px;font-weight:500}@media (max-width: 768px){.contact-section .contact-grid{grid-template-columns:1fr;gap:40px;padding:56px 0 72px}.contact-section .contact-lead h2{font-size:32px}}.dark .contact-section .contact-grid{border-top-color:#23262c}.dark .contact-section .contact-lead .section-kicker{color:#7e838d}.dark .contact-section .contact-lead p{color:#9ba1ab}.dark .contact-section .contact-links a{border-top-color:#23262c;color:#eaecef}.dark .contact-section .contact-links a.last{border-bottom-color:#23262c}.dark .contact-section .contact-links a:hover{color:#4f46e5}.dark .contact-section .contact-links a .c-label{color:#7e838d}.main-footer{border-top:1px solid #E7E9EE;background:#fff}.main-footer .footer-container{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width: 768px){.main-footer .footer-container{padding:0 20px}}.main-footer .footer-container{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.main-footer .footer-name{font-weight:800;font-size:15px;color:#15171c}.main-footer .footer-copy{font-family:JetBrains Mono,monospace;font-size:11px;color:#9aa0aa}.dark .main-footer{border-top-color:#23262c;background:#15171b}.dark .main-footer .footer-name{color:#eaecef}.dark .main-footer .footer-copy{color:#7e838d}