:root{--bg-color: #050505;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .1);--border-glass-strong: rgba(255, 255, 255, .18);--text-main: #fcfcfc;--text-muted: #a1a1aa;--page-glow-1: rgba(99, 102, 241, .08);--page-glow-2: rgba(236, 72, 153, .08);--navbar-bg: rgba(5, 5, 5, .5);--navbar-bg-strong: rgba(5, 5, 5, .85);--navbar-mobile-bg: rgba(5, 5, 5, .95);--fab-bg: rgba(15, 23, 42, .72);--fab-bg-hover: rgba(30, 41, 59, .88);--accent-1: #6366f1;--accent-2: #8b5cf6;--accent-3: #ec4899;--font-sans: "Inter", "Noto Sans KR", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);scroll-behavior:smooth;line-height:1.5}body{overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,var(--page-glow-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--page-glow-2),transparent 25%);background-attachment:fixed;color:var(--text-main);transition:background-color .3s ease,background-image .3s ease,color .3s ease}:root[data-theme=light]{--bg-color: #f6f8fc;--bg-glass: rgba(255, 255, 255, .68);--bg-glass-hover: rgba(255, 255, 255, .92);--border-glass: rgba(99, 102, 241, .12);--border-glass-strong: rgba(99, 102, 241, .22);--text-main: #111827;--text-muted: #4b5563;--page-glow-1: rgba(99, 102, 241, .12);--page-glow-2: rgba(236, 72, 153, .1);--navbar-bg: rgba(246, 248, 252, .68);--navbar-bg-strong: rgba(246, 248, 252, .92);--navbar-mobile-bg: rgba(246, 248, 252, .96);--fab-bg: rgba(255, 255, 255, .86);--fab-bg-hover: rgba(255, 255, 255, .98)}a{color:inherit;text-decoration:none}ul{list-style:none}h1{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}h2{font-size:2.25rem;font-weight:700;margin-bottom:2rem}h3{font-size:1.5rem;font-weight:600}p{color:var(--text-muted);font-size:1.125rem}.gradient-text{background:linear-gradient(135deg,var(--accent-1),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:slideUp .8s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:9999px;border:none;cursor:pointer;transition:var(--transition);font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass);color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:#ffffff4d}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}.section{padding:4rem 0}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:var(--navbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;z-index:100;display:flex;align-items:center;transition:var(--transition)}.navbar--scrolled{background:var(--navbar-bg-strong);border-bottom-color:var(--border-glass)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--accent-1),var(--accent-3));transition:width .3s ease}.nav-links a:hover{color:var(--text-main)}.nav-links a:hover:after{width:100%}.nav-toggle{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:.5rem}.nav-mobile{display:none;position:fixed;top:70px;left:0;right:0;background:var(--navbar-mobile-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:0;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.nav-mobile--open{max-height:400px;padding:1.5rem 0}.nav-mobile a{display:block;padding:.75rem 2rem;font-size:1rem;color:var(--text-muted);transition:var(--transition)}.nav-mobile a:hover{color:var(--text-main);background:var(--bg-glass-hover)}@media(max-width:768px){.nav-links{display:none}.nav-toggle,.nav-mobile{display:block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:70px;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:800px;position:relative;z-index:2}.hero-subtitle{color:var(--accent-1);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;margin-bottom:1rem;display:block}.hero p{margin:1.5rem auto 2.5rem;max-width:600px;white-space:pre-line}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:1}.hero-orb--1{width:400px;height:400px;background:var(--accent-1);top:10%;left:-5%;animation:floatOrb 12s ease-in-out infinite alternate}.hero-orb--2{width:350px;height:350px;background:var(--accent-3);bottom:5%;right:-5%;animation:floatOrb 10s ease-in-out infinite alternate-reverse}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}to{transform:translate(-10px,15px) scale(.95)}}@media(max-width:768px){.hero-orb--1{width:250px;height:250px}.hero-orb--2{width:200px;height:200px}}.section-header{margin-bottom:3rem}.section-header__subtitle{color:var(--accent-1);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;display:block;margin-bottom:.5rem}.section-header h2{margin-bottom:0}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;padding:2rem;transition:var(--transition)}.glass-card:hover{background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080}.about-wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.about-wrapper.reveal{opacity:1;transform:translateY(0)}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}.about-profile{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.about-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f126,#ec489926);border:2px solid var(--border-glass);display:flex;align-items:center;justify-content:center}.about-role{color:var(--accent-1);font-size:.875rem;font-weight:600}.about-desc p{line-height:1.8;margin-bottom:2rem;white-space:pre-line}.about-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-1),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-stats{justify-content:center}}.skills-wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.skills-wrapper.reveal{opacity:1;transform:translateY(0)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.skill-category{margin-bottom:1.5rem;font-size:1.1rem;color:var(--accent-1)}.skill-badges{display:flex;flex-wrap:wrap;gap:.75rem}.skill-badge{padding:.6rem 1.2rem;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:12px;font-size:.9rem;font-weight:500;color:var(--text-main);transition:all .3s ease;cursor:default}.skill-badge:hover{background:#ffffff1a;border-color:var(--accent-1);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a;color:var(--accent-1)}.projects-wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.projects-wrapper.reveal{opacity:1;transform:translateY(0)}.projects-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.5rem 0 1.25rem}.projects-section-header h3{margin:0;font-size:1.1rem;font-weight:700}.projects-section-header span,.project-detail-label,.project-tile-action{color:var(--text-muted);font-size:.9rem}.projects-slider-shell{position:relative;display:flex;align-items:center;gap:1rem}.projects-slider-button{width:40px;height:40px;border-radius:999px;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0;z-index:1}.projects-slider-button:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-strong)}.projects-slider-button-left,.projects-slider-button-right{align-self:stretch;height:auto;min-height:100%;border-radius:18px;padding:0}.projects-slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem)/4);gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.45) transparent;cursor:grab;-webkit-user-select:none;user-select:none}.projects-slider.is-dragging{cursor:grabbing;scroll-snap-type:none}.projects-slider::-webkit-scrollbar{height:8px}.projects-slider::-webkit-scrollbar-thumb{background:#6366f173;border-radius:999px}.project-tile{padding:0;overflow:hidden;min-height:0;scroll-snap-align:start}.project-tile.is-selected{border-color:var(--border-glass-strong);box-shadow:0 16px 40px -24px #6366f1d9}.project-tile-button{width:100%;aspect-ratio:1 / 1;border:0;background:transparent;color:inherit;cursor:pointer;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;text-align:left;-webkit-user-select:none;user-select:none}.project-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-icon-wrap{width:48px;height:48px;border-radius:12px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-status{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.28);color:#86efac;font-size:.76rem;font-weight:600;text-align:center}.project-status-in-progress{background:#f9731624;border-color:#f9731652;color:#fdba74}.project-tile-body{display:grid;gap:.75rem}.project-tile-body h3{margin:0;font-size:1.05rem;line-height:1.35}.project-desc{margin:0;font-size:.92rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.project-tile-footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.project-detail-card{margin-top:1.5rem;display:grid;gap:1.5rem}.project-detail-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-detail-toolbar h3{margin-top:.35rem}.project-detail-description{margin:0;line-height:1.7}.project-highlights{margin:0;padding-left:1.25rem;list-style-type:disc;font-size:.95rem;color:var(--text-muted)}.project-highlights li{margin-bottom:.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{display:inline-block;font-size:.75rem;padding:.25rem .75rem;border-radius:999px;background:#6366f11a;color:#a5b4fc}.project-links{display:flex;gap:.75rem;flex-wrap:wrap}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-main);transition:all .3s ease}.btn-outline:hover{background:#ffffff0d;border-color:#fff6}.btn-sm{padding:.5rem 1rem;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:8px;text-decoration:none}@media(max-width:1024px){.projects-slider{grid-auto-columns:minmax(220px,31vw)}}@media(max-width:768px){.projects-section-header,.project-detail-toolbar{flex-direction:column;align-items:stretch}.projects-slider-shell{gap:.75rem}.projects-slider{grid-auto-columns:minmax(220px,78vw)}.project-tile-button{padding:1rem}}@media(max-width:520px){.projects-slider-shell{gap:.5rem}.projects-slider{grid-auto-columns:minmax(220px,88vw)}.projects-slider-button{width:36px}}.exp-wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.exp-wrapper.reveal{opacity:1;transform:translateY(0)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--accent-1),var(--accent-3));opacity:.3}.timeline-item{position:relative;padding-bottom:2.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:2px solid var(--accent-1);z-index:1;transition:var(--transition)}.timeline-item:hover .timeline-dot{background:var(--accent-1);box-shadow:0 0 10px #6366f180}.timeline-content{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:1.5rem;transition:var(--transition)}.timeline-content:hover{background:var(--bg-glass-hover);border-color:#ffffff26;transform:translate(5px)}.timeline-period{font-size:.8rem;color:var(--accent-1);font-weight:600;letter-spacing:.05em}.timeline-content h3{margin:.5rem 0 .25rem;font-size:1.2rem}.timeline-company{font-size:.9rem;color:var(--text-muted)}.timeline-content p{margin-top:.75rem;font-size:.9rem;line-height:1.6}@media(max-width:768px){.timeline{padding-left:1.5rem}.timeline-dot{left:-1.5rem}}.contact-wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.contact-wrapper.reveal{opacity:1;transform:translateY(0)}.contact-card{max-width:600px;margin:0 auto;text-align:center;padding:4rem 2rem}.contact-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f126,#ec48991a);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.contact-card h2{margin-bottom:1rem}.contact-card p{margin-bottom:2rem;line-height:1.7}.contact-copy-feedback{min-height:1.5rem;margin:1rem 0 0;color:var(--accent-1);opacity:0;transition:opacity .2s ease}.contact-copy-feedback.visible{opacity:1}.footer{text-align:center;padding:3rem 0;border-top:1px solid var(--border-glass);margin-top:2rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links{display:flex;gap:1.25rem}.footer-links a,.footer-links button{color:var(--text-muted);transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-glass);cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:var(--text-main);background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-3px)}.footer-copy-feedback{min-height:1.25rem;margin:0;font-size:.9rem;color:var(--accent-1);opacity:0;transition:opacity .2s ease}.footer-copy-feedback.visible{opacity:1}.footer p{font-size:.85rem}.theme-fab{position:fixed;right:1.5rem;bottom:1.5rem;z-index:1000;display:inline-flex;align-items:center;justify-content:center;min-width:8.75rem;padding:.9rem 1.2rem;border:1px solid var(--border-glass-strong);border-radius:9999px;background:var(--fab-bg);color:var(--text-main);box-shadow:0 18px 40px -18px #0f172a73;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:var(--font-sans);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition)}.theme-fab:hover{transform:translateY(-3px);background:var(--fab-bg-hover);border-color:var(--border-glass-strong)}.theme-fab:focus-visible{outline:2px solid var(--accent-1);outline-offset:4px}@media(max-width:768px){.theme-fab{right:1rem;bottom:1rem;min-width:auto;padding:.85rem 1rem;font-size:.9rem}}