:root{--sage-green:#bfd8b8;--sage-green-light:#d4e5ce;--sage-green-dark:#9fc0a3;--ivory:#fdfcf9;--ivory-warm:#fefbf7;--gold-beige:#e8cfae;--gold-beige-light:#f2e4d0;--mint-green:#a7e3c5;--mint-green-light:#c5eed9;--text-dark:#3a3a3a;--text-medium:#5a5a5a;--text-light:#8a8a8a;--dev-primary:#6b8e9f;--dev-secondary:#8fa8b5;--dev-accent:#a8c4d1;--dev-bg:#6b8e9f0f;--music-primary:#b8a082;--music-secondary:#d4c4a8;--music-accent:#e8d9c4;--music-bg:#b8a08214;--exercise-primary:#7fb3a8;--exercise-secondary:#9fc5bb;--exercise-accent:#b8d9d0;--exercise-bg:#7fb3a814;--travel-primary:#9b9bc8;--travel-secondary:#b5b5d9;--travel-accent:#d0d0e8;--travel-bg:#9b9bc814;--spacing-xs:0.75rem;--spacing-sm:1.5rem;--spacing-md:3rem;--spacing-lg:5rem;--spacing-xl:7rem;--shadow-sm:0 2px 15px #bfd8b814;--shadow-md:0 4px 30px #bfd8b81f;--shadow-lg:0 8px 50px #bfd8b826;--shadow-soft:0 2px 20px #0000000a;--transition-smooth:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);--transition-gentle:all 0.5s cubic-bezier(0.4,0,0.2,1);--radius-sm:20px;--radius-md:30px;--radius-lg:40px}.optimized-image-wrapper{display:inline-block;height:100%;position:relative;width:100%}.optimized-image{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:cover;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.optimized-image.loaded{opacity:1}.optimized-image.loading{opacity:0}.optimized-image-placeholder{border-radius:inherit}.optimized-image-placeholder,.optimized-image-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#bfd8b81a,#bfd8b826 50%,#bfd8b81a);background-size:200% 100%}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:opacity}.band-support-image,.chainfluencer-image-wrapper,.exercise-image-item,.profile-image-circle,.screenshot-item,.travel-image-item{contain:layout style paint;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0)}*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fefbf7;background-color:var(--ivory-warm);color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-weight:400;line-height:1.75;margin:0;padding:0}.app,body,html{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overscroll-behavior-y:none;touch-action:pan-y}.app{display:flex;flex-direction:column;min-height:100vh;will-change:scroll-position}.header{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffffffa;border-bottom:1.5px solid #bfd8b833;border-radius:0 0 16px 16px;box-shadow:0 2px 20px #bfd8b81a,0 1px 3px #0000000d;box-sizing:border-box;justify-content:space-between;left:0!important;padding:1.2rem 5%;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%!important;will-change:transform;z-index:100!important}.header,.header-content{align-items:center;display:flex}.header-content{gap:2rem}.header-slogan{color:#bfd8b8;color:var(--sage-green);font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;margin:0;white-space:nowrap}.logo{align-items:center;cursor:pointer;display:flex;font-family:Noto Sans KR,sans-serif;font-size:1.85rem;font-weight:700;gap:.25rem;height:auto;letter-spacing:-.6px;position:relative;-webkit-user-select:none;user-select:none}.logo,.logo img{max-width:100%;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.logo img{display:block;height:50px;object-fit:contain;width:auto}.logo:hover img{filter:drop-shadow(0 4px 8px rgba(191,216,184,.3));transform:translateY(-2px)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9fc0a3,#bfd8b8 45%,#a7e3c5);background:linear-gradient(135deg,var(--sage-green-dark) 0,var(--sage-green) 45%,var(--mint-green) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Noto Sans KR,sans-serif;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.logo-text-start{font-weight:700;letter-spacing:-.5px}.logo-text-end{font-weight:600;letter-spacing:-.3px;opacity:.98;position:relative}.logo-text-end:after{background:linear-gradient(90deg,#0000,#a7e3c54d 50%,#0000);bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.logo:hover .logo-text-end:after{opacity:1}.logo:hover .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#bfd8b8,#a7e3c5 50%,#d4e5ce);background:linear-gradient(135deg,var(--sage-green) 0,var(--mint-green) 50%,var(--sage-green-light) 100%);-webkit-background-clip:text;background-clip:text}.logo:hover{transform:translateY(-2px)}.logo:hover .logo-clover{filter:drop-shadow(0 4px 12px rgba(191,216,184,.4));transform:translateY(-3px) rotate(5deg) scale(1.05)}.logo:active{transform:translateY(0)}.logo-clover{align-items:center;animation:logoFloat 4s ease-in-out infinite;display:inline-flex;filter:drop-shadow(0 2px 8px rgba(191,216,184,.25));justify-content:center;margin:0 2px;vertical-align:middle}.logo-clover,.logo-clover svg{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.logo-clover svg{height:1.8em;width:1.8em}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-4px) rotate(2deg)}50%{transform:translateY(-6px) rotate(0deg)}75%{transform:translateY(-4px) rotate(-2deg)}}.nav{align-items:center;display:flex;gap:1.8rem}.nav-link{color:#5a5a5a;color:var(--text-medium);font-size:.9rem;font-weight:500;padding:.4rem 0;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.nav-link:hover{color:#9fc0a3;color:var(--sage-green-dark)}.nav-link:after{background:linear-gradient(90deg,#bfd8b8,#a7e3c5);background:linear-gradient(90deg,var(--sage-green) 0,var(--mint-green) 100%);border-radius:2px;bottom:0;content:"";height:2px;left:0;margin:0 auto;position:absolute;right:0;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.nav-link:hover:after{left:10%;right:auto;width:80%}.nav-link-divider-right{margin-right:.5rem;padding-right:2rem;position:relative}.nav-link-divider-right:before{background:linear-gradient(180deg,#bfd8b833,#bfd8b8b3 15%,#9fc0a3cc 50%,#bfd8b8b3 85%,#bfd8b833);box-shadow:0 0 2px #bfd8b84d;content:"";height:28px;opacity:1;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.5px;z-index:1}.nav-link-divider-right:after{left:0;right:2rem;z-index:2}.nav-link-divider-right:hover:after{left:10%;right:auto;width:calc(80% - 2rem)}.nav-link-divider{padding-left:2rem;position:relative}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem;position:relative;z-index:101}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger,.hamburger span{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.hamburger span{background:#9fc0a3;background:var(--sage-green-dark);border-radius:2px;display:block;height:2.5px;transform-origin:center;width:100%}.hamburger.active span:first-child{transform:translateY(7.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.mobile-menu-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;box-shadow:0 2px 20px #bfd8b81a,0 1px 3px #0000000d;display:none;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:99}.nav-link-divider:before{background:linear-gradient(180deg,#0000,#bfd8b866 20%,#bfd8b866 80%,#0000);content:"";height:20px;left:0;opacity:.6;position:absolute;top:50%;transform:translateY(-50%);width:1px}.main{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;flex:1 1;overscroll-behavior-y:none;padding-top:75px;touch-action:pan-y;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position}.hero{align-items:center;animation:gentlePulse 10s ease-in-out infinite;background:linear-gradient(180deg,#fefbf7,#fdfcf9fc 18%,#bfd8b829 48%,#a7e3c521 78%,#fefbf7);background:linear-gradient(180deg,var(--ivory-warm) 0,#fdfcf9fc 18%,#bfd8b829 48%,#a7e3c521 78%,var(--ivory-warm) 100%);display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding:0;position:relative}.hero:before{animation:cloverFloat 6s ease-in-out infinite;font-size:3rem;left:10%;opacity:.12;top:10%}.hero:after,.hero:before{content:"🍀";pointer-events:none;position:absolute;z-index:1}.hero:after{animation:cloverFloat 8s ease-in-out 1s infinite;bottom:15%;font-size:2.5rem;opacity:.1;right:15%}.hero-background{background:radial-gradient(ellipse at 20% 80%,#bfd8b866 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#a7e3c54d 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#e8cfae33 0,#0000 70%),linear-gradient(180deg,#fdfcf9,#e8f5e9);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-background-overlay{background:linear-gradient(180deg,#fdfcf9b3,#0000 30%),linear-gradient(0deg,#fdfcf9cc,#0000 40%)}.hero-background-overlay,.hero-background-pattern{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-background-pattern{animation:patternMove 20s linear infinite;background-image:radial-gradient(circle at 25% 25%,#bfd8b81a 2px,#0000 0),radial-gradient(circle at 75% 75%,#a7e3c51a 2px,#0000 0);background-position:0 0,50px 50px;background-size:100px 100px,150px 150px;opacity:.5}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1);max-width:980px;padding:3rem 5% 3.5rem;position:relative;text-align:center;z-index:2}.hero-content:before{animation:gentlePulse 5s ease-in-out infinite;background:radial-gradient(circle,#bfd8b840 0,#0000 70%);border-radius:50%;content:"";height:120px;left:50%;pointer-events:none;position:absolute;top:-50px;transform:translateX(-50%);width:120px;z-index:-1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cloverFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes gentlePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmerGlow{0%{background-position:-200%}to{background-position:200%}}@keyframes leafFall{0%{opacity:0;transform:translateY(-100px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}.hero-badge{animation:fadeInUp 1s ease-out .2s both;display:inline-block;margin-bottom:1.8rem;position:relative}.badge-text{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#bfd8b840,#a7e3c54d);border:2px solid #5a7a5a66;border-radius:50px;box-shadow:0 4px 20px #bfd8b833,inset 0 1px 0 #ffffff4d;color:#5a7a5a;display:inline-flex;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.5px;overflow:hidden;padding:.8rem 2rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.badge-text:before{animation:sparkle 2s ease-in-out infinite;content:"🍀";filter:drop-shadow(0 2px 4px rgba(191,216,184,.4));font-size:1.1rem}.badge-text:after{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.badge-text:hover{border-color:#5a7a5a99;box-shadow:0 6px 25px #bfd8b84d,inset 0 1px 0 #fff6;transform:translateY(-2px)}.hero-title{animation:fadeInUp 1s ease-out .4s both;margin-bottom:3.1rem}.title-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9fc0a3,#bfd8b8 50%,#a7e3c5);background:linear-gradient(135deg,var(--sage-green-dark) 0,var(--sage-green) 50%,var(--mint-green) 100%);-webkit-background-clip:text;background-clip:text;display:block;filter:drop-shadow(0 2px 8px rgba(191,216,184,.15));font-family:Noto Sans KR,sans-serif;font-size:5.9rem;font-weight:600;letter-spacing:-2px;line-height:1.1;margin-bottom:1.1rem}.title-subtitle{color:#5a5a5a;color:var(--text-medium);display:block;font-family:Indie Flower,cursive;font-size:1.9rem;font-weight:400;letter-spacing:3px;margin-top:.5rem;opacity:.85}.hero-slogan{animation:fadeInUp 1.2s ease-out .6s both;color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.7rem;font-weight:400;letter-spacing:.2px;line-height:1.85;margin:1.8rem auto 2rem;max-width:720px;text-shadow:0 1px 3px #00000008}.clover-emoji{animation:float 3s ease-in-out infinite;animation-delay:.5s;display:inline-block;filter:drop-shadow(0 2px 12px rgba(191,216,184,.45));font-size:2.1rem;margin-left:.3rem;vertical-align:middle}.hero-description{animation:fadeInUp 1s ease-out .8s both;color:#8a8a8a;color:var(--text-light);font-size:1.15rem;font-weight:300;line-height:2}.hero-scroll-indicator{align-items:center;animation:fadeInUp 1s ease-out 1s both;bottom:3rem;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.scroll-line{animation:scrollLine 2s ease-in-out infinite;background:linear-gradient(180deg,#bfd8b8,#0000);background:linear-gradient(180deg,var(--sage-green) 0,#0000 100%);height:40px;width:2px}@keyframes scrollLine{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.scroll-text{color:#bfd8b8;color:var(--sage-green);font-size:.75rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}.hero-nature-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.nature-clover,.nature-leaf{animation:floatNature 8s ease-in-out infinite;font-size:3rem;opacity:.15;position:absolute}.leaf-1{animation-delay:0s;animation-duration:10s;left:10%;top:15%}.leaf-2{animation-delay:2s;animation-duration:12s;font-size:2.5rem;right:15%;top:60%}.leaf-3{animation-delay:4s;animation-duration:9s;bottom:20%;font-size:2rem;left:20%}.nature-clover{animation-delay:1s;animation-duration:15s;font-size:4rem;right:10%;top:30%}@keyframes floatNature{0%,to{opacity:.1;transform:translate(0) rotate(0deg)}25%{opacity:.2;transform:translate(20px,-30px) rotate(5deg)}50%{opacity:.15;transform:translate(-15px,-50px) rotate(-5deg)}75%{opacity:.2;transform:translate(10px,-20px) rotate(3deg)}}section{contain:layout style paint;padding:7rem 5%;position:relative;will-change:auto}.section-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.section-title{animation:fadeInUp .9s ease-out;color:#3a3a3a;color:var(--text-dark);display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:2.6rem;font-weight:600;letter-spacing:-1px;line-height:1.3;margin-bottom:4rem;position:relative;transition:transform .3s ease}.section-title:hover{transform:translateY(-3px)}.section-title:after{animation:expandWidth 1s ease-out .4s both;background:linear-gradient(90deg,#bfd8b8,#a7e3c5);background:linear-gradient(90deg,var(--sage-green) 0,var(--mint-green) 100%);border-radius:3px;bottom:-15px;content:"";height:3px;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);width:100px}@keyframes expandWidth{0%{width:0}to{width:80px}}.section-text{color:#5a5a5a;color:var(--text-medium);font-size:1.25rem;font-weight:400;line-height:2;margin:0 auto;max-width:800px}.about-intro{color:#3a3a3a;color:var(--text-dark);font-size:1.3rem;font-style:italic;font-weight:400;letter-spacing:.3px;line-height:2.2;padding:2rem 0}@media (max-width:768px){.about-intro{font-size:1.1rem;line-height:1.9;padding:1.5rem 0}}.about-intro .sparkle{animation:sparkle 2s ease-in-out infinite;margin-left:.5rem}.mobile-break{display:none}.about{background:linear-gradient(180deg,#fffffffa,#fffffff2);border-radius:40px 40px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:-40px;position:relative;z-index:1}.about,.about-brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-brand{background:linear-gradient(135deg,#bfd8b814,#a7e3c50f 50%,#e8cfae0d);border:1.5px solid #bfd8b833;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin-bottom:3rem;padding:2rem 2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.about-brand:hover{background:linear-gradient(135deg,#bfd8b81f,#a7e3c51a 50%,#e8cfae14);border-color:#bfd8b84d;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9fc0a3,#bfd8b8 50%,#a7e3c5);background:linear-gradient(135deg,var(--sage-green-dark) 0,var(--sage-green) 50%,var(--mint-green) 100%);-webkit-background-clip:text;background-clip:text;font-family:Noto Sans KR,sans-serif;font-size:2.7rem;font-weight:600;letter-spacing:-1px;margin-bottom:.5rem}.brand-korean{color:#8a8a8a;color:var(--text-light);font-size:1.3rem;font-weight:400;margin-left:.5rem}.brand-tagline{color:#9fc0a3;color:var(--sage-green-dark);font-family:Indie Flower,cursive;font-size:1.3rem;font-style:italic;font-weight:500;letter-spacing:1px;margin-bottom:1rem;opacity:.9}.brand-symbol{align-items:center;animation:symbolFloat 4s ease-in-out infinite;border-top:1px solid #bfd8b826;display:flex;justify-content:center;margin-top:1rem;padding-top:1rem}.brand-symbol img{filter:drop-shadow(0 4px 12px rgba(191,216,184,.25));height:auto;max-width:100%;opacity:.85;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:90px}.brand-symbol:hover img{filter:drop-shadow(0 6px 16px rgba(191,216,184,.35));opacity:1;transform:scale(1.05)}@keyframes symbolFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.about-brand{padding:1.5rem 2rem}.brand-symbol img{width:80px}}@media (max-width:480px){.about-brand{padding:1.2rem 1.5rem}.brand-symbol img{width:70px}}.sparkle{animation:sparkle 2s ease-in-out infinite;display:inline-block;font-size:1.2em}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.dion-profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#bfd8b81a,#a7e3c51f 50%,#e8cfae14);border-radius:40px;border-radius:var(--radius-lg);margin:4rem 5%;overflow:hidden;position:relative}.dion-profile:before{background:radial-gradient(circle,#bfd8b833 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-30%;width:400px;z-index:0}.dion-profile .section-content{position:relative;z-index:1}.profile-grid{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:repeat(2,1fr);margin-top:4rem}.profile-card{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.profile-card:hover{transform:translateY(-5px)}.profile-image-circle{align-items:center;background:#fff;border:2px solid #bfd8b84d;border-radius:50%;box-shadow:0 8px 35px #bfd8b833;display:flex;height:260px;justify-content:center;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle);width:260px}.profile-image-circle:hover{border-color:#bfd8b880;box-shadow:0 12px 45px #bfd8b84d;transform:scale(1.03) translateY(-3px)}.profile-image-circle.musician{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none}.profile-img{display:block;height:100%;object-fit:cover;width:100%}.profile-role{font-size:1.5rem;font-weight:700;margin:0}.profile-link-btn,.profile-role{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif}.profile-link-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1.5px solid #bfd8b840;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:inline-block;font-size:1rem;font-weight:500;letter-spacing:.3px;padding:1rem 2.2rem;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.profile-link-btn:hover{background:#fff;border-color:#9fc0a3;border-color:var(--sage-green-dark);box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);color:#9fc0a3;color:var(--sage-green-dark);transform:translateY(-2px)}.available-services{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#bfd8b80d 50%,#fffffffa);border:1px solid #bfd8b81a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.available-services:before{background:radial-gradient(circle,#bfd8b826 0,#0000 70%);border-radius:50%;bottom:-20%;content:"";height:400px;left:-10%;position:absolute;width:400px;z-index:0}.available-services .section-content{position:relative;z-index:1}.services-subtitle{align-items:center;color:#8a8a8a;color:var(--text-light);display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:3rem}.subtitle-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:1.2rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #bfd8b826;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:left;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.service-card:before{background:linear-gradient(90deg,#bfd8b8,#a7e3c5);background:linear-gradient(90deg,var(--sage-green) 0,var(--mint-green) 100%);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.service-card:hover{background:#fff;border-color:#bfd8b859;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-category{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.4rem 1rem}.category-dating{background-color:#333;color:#fff}.category-travel{background-color:#4a90e2;color:#fff}.category-entertainment{background-color:#ff6b9d;color:#fff}.category-music{background-color:#4caf50;color:#fff}.service-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:120px}.service-logo-img{max-height:120px;max-width:120px;object-fit:contain}.service-icon-large{color:#8a8a8a;color:var(--text-light);font-size:4rem;font-weight:300}.service-name{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.9rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1.2rem}.service-description{color:#5a5a5a;color:var(--text-medium);font-size:1.05rem;font-weight:400;line-height:2;margin-bottom:2rem;min-height:90px}.service-download-buttons{display:flex;gap:.8rem;margin-bottom:1rem}.btn-download{background:#bfd8b814;border:1.5px solid #bfd8b840;border-radius:20px;border-radius:var(--radius-sm);color:#3a3a3a;color:var(--text-dark);cursor:pointer;flex:1 1;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;padding:.8rem 1.2rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.btn-download:hover{background:#bfd8b826;border-color:#9fc0a3;border-color:var(--sage-green-dark);color:#9fc0a3;color:var(--sage-green-dark);transform:translateY(-1px)}.service-status{border-radius:20px;border-radius:var(--radius-sm);font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.2px;margin-top:.5rem;padding:.75rem 1.5rem;text-align:center;width:100%}.status-completed{background:#bfd8b81a;border-left:3px solid #9fc0a3;border-left:3px solid var(--sage-green-dark);color:#9fc0a3;color:var(--sage-green-dark)}.status-planning{background:#bfd8b814;border-left:3px solid #bfd8b866;color:#5a5a5a;color:var(--text-medium)}.status-idea{background:#bfd8b80d;border-left:3px solid #bfd8b84d}.btn-continued,.status-idea{color:#8a8a8a;color:var(--text-light)}.btn-continued{background:#bfd8b81a;border:2px solid #bfd8b84d;border-radius:30px;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-style:italic;font-weight:600;margin-top:2rem;padding:1rem 3rem;transition:all .3s ease}.btn-continued:hover{background:#bfd8b833;border-color:#bfd8b8;border-color:var(--sage-green);color:#bfd8b8;color:var(--sage-green);transform:translateY(-3px)}.developer-activity{animation:fadeInUp .9s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#6b8e9f0f 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--dev-bg) 50%,#fffffffa 100%);border:1px solid #6b8e9f1a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.developer-activity:before{animation:gentlePulse 8s ease-in-out infinite;background:radial-gradient(circle,#6b8e9f14 0,#0000 70%);background:radial-gradient(circle,#6b8e9f0f 0,#0000 70%);background:radial-gradient(circle,var(--dev-bg) 0,#0000 70%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-20%;right:-10%;top:-50%;top:-20%;width:400px;z-index:0}.developer-activity .section-content{position:relative;z-index:1}.developer-activity .section-title{color:#6b8e9f;color:var(--dev-primary)}.developer-activity .section-title:after{background:linear-gradient(90deg,#6b8e9f,#8fa8b5);background:linear-gradient(90deg,var(--dev-primary) 0,var(--dev-secondary) 100%)}.subsection-header{margin-bottom:2rem;margin-top:3rem;text-align:left}.subsection-header:first-child{margin-top:0}.subsection-title{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0 0 1rem}.portfolio-notice{background:#6b8e9f14;border-left:3px solid #6b8e9f;border-left:3px solid var(--dev-primary);border-radius:20px;border-radius:var(--radius-sm);margin-top:.5rem;padding:1rem 1.5rem}.portfolio-notice-text{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:.9rem;line-height:1.7;margin:0}.developer-activity .subsection-title{color:#6b8e9f;color:var(--dev-primary)}.band-support .subsection-title,.musician-activity .subsection-title{color:#b8a082;color:var(--music-primary)}.exercise-activity .subsection-title,.travel-activity .subsection-title{color:#7fb3a8;color:var(--exercise-primary)}.travel-activity .subsection-title{color:#9b9bc8;color:var(--travel-primary)}.title-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:1.3rem;margin-left:.5rem}.outsource-service{margin-bottom:4rem}.outsource-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#6b8e9f0f);background:linear-gradient(135deg,#fffffffa 0,var(--dev-bg) 100%);border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:0 auto;max-width:600px;padding:3.5rem 3rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.outsource-card .project-type-tag{margin:0 auto 1.5rem}.outsource-card:hover{border-color:#6b8e9f33;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.status-bar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:2.5rem}.status-badge{border-radius:20px;font-family:Noto Sans KR,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.status-operating{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%)}.status-launch,.status-operating,.status-role{box-shadow:0 2px 15px #bfd8b814;box-shadow:var(--shadow-sm);color:#fff}.status-launch,.status-role{background:linear-gradient(135deg,#8fa8b5,#a8c4d1);background:linear-gradient(135deg,var(--dev-secondary) 0,var(--dev-accent) 100%)}.outsource-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;min-height:100px}.wally-logo-img{filter:drop-shadow(0 3px 15px rgba(107,142,159,.15));max-height:100px;max-width:220px;object-fit:contain;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.outsource-card:hover .wally-logo-img{filter:drop-shadow(0 4px 20px rgba(107,142,159,.2));transform:scale(1.02)}.outsource-description{color:#3a3a3a;color:var(--text-dark);font-size:1.2rem;font-weight:500;letter-spacing:.3px;margin:0}.wally-download-buttons{display:flex;gap:.8rem;justify-content:center;margin-top:2.5rem}.wally-download-buttons .btn-download{background:#6b8e9f1f!important;border:2px solid #6b8e9f66!important;box-shadow:0 2px 8px #6b8e9f26;color:#6b8e9f!important;color:var(--dev-primary)!important;display:inline-block;flex:1 1;font-size:1rem;font-weight:600;max-width:200px;padding:1rem 1.5rem;text-align:center;text-decoration:none}.wally-download-buttons .btn-download:hover{background:#6b8e9f33!important;border-color:#6b8e9f!important;border-color:var(--dev-primary)!important;box-shadow:0 4px 12px #6b8e9f40;color:#6b8e9f!important;color:var(--dev-primary)!important;transform:translateY(-2px)}.project-type-tag{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border:none;border-radius:20px;box-shadow:0 2px 10px #6b8e9f59;color:#fff;display:block;font-family:Noto Sans KR,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.4px;margin:0 auto 1rem;padding:.45rem 1rem;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:-webkit-fit-content;width:fit-content}.project-type-tag:hover{box-shadow:0 4px 15px #6b8e9f73;transform:translateY(-2px)}.project-type-team{background:linear-gradient(135deg,#8b7a9f,#a896b8);box-shadow:0 2px 10px #8b7a9f59}.project-type-team:hover{box-shadow:0 4px 15px #8b7a9f73}.portfolio-card .project-type-tag{margin:0 auto 1.2rem}.portfolio-section{margin-top:4rem}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.portfolio-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.portfolio-card:before{background:linear-gradient(90deg,#6b8e9f,#8fa8b5);background:linear-gradient(90deg,var(--dev-primary) 0,var(--dev-secondary) 100%);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.portfolio-card:hover{background:#fff;border-color:#6b8e9f40;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-8px)}.portfolio-card:hover:before{transform:scaleX(1)}.portfolio-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:120px}.portfolio-logo-img{max-height:120px;max-width:120px;object-fit:contain}.portfolio-name{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.portfolio-description{color:#8a8a8a;color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.portfolio-status{border-radius:20px;border-radius:var(--radius-sm);font-family:Noto Sans KR,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.2px;margin-bottom:.8rem;padding:.7rem 1.3rem;text-align:center;width:100%}.portfolio-status.tripic-status{margin-bottom:.3rem}.portfolio-status.status-launched{background:#6b8e9f14;border-left:3px solid #6b8e9f;border-left:3px solid var(--dev-primary);color:#6b8e9f;color:var(--dev-primary)}.portfolio-status.status-completed{background:#6b8e9f0f;border-left:3px solid #8fa8b5;border-left:3px solid var(--dev-secondary);color:#8fa8b5;color:var(--dev-secondary)}.btn-portfolio-purchase{background:linear-gradient(135deg,#9c88ff,#7b68ee);border:none;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 15px #9c88ff40;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.3px;padding:.9rem 1.8rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.btn-portfolio-purchase:hover{background:linear-gradient(135deg,#a896ff,#8b78ff);box-shadow:0 6px 25px #9c88ff59;transform:translateY(-2px)}.tripic-screenshots{margin-bottom:0;margin-top:0;position:relative;width:100%}.btn-over-screenshots{margin-bottom:1.5rem!important;margin-top:4px;position:relative;z-index:1}.screenshot-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.screenshot-item{aspect-ratio:9/16;background:#f5f5f5;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.screenshot-item:hover{box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.screenshot-item img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.screenshot-item:hover img{transform:scale(1.05)}@media (max-width:768px){.screenshot-grid{gap:.6rem;grid-template-columns:repeat(2,1fr)}.tripic-screenshots{margin-bottom:0;margin-top:0}.btn-over-screenshots{margin-top:3px}.portfolio-status.tripic-status{margin-bottom:.3rem}}.chainfluencer-image{display:flex;flex-direction:column;gap:1rem;margin-bottom:0;margin-top:4.7rem;width:100%}.chainfluencer-image-wrapper{aspect-ratio:16/9;background:#f5f5f5;border:1px solid #00000014;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.chainfluencer-image-wrapper:hover{box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-4px)}.chainfluencer-image-wrapper img{height:100%;object-fit:contain;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.chainfluencer-image-wrapper:hover img{transform:scale(1.02)}@media (max-width:768px){.chainfluencer-image{gap:.8rem;margin:1.5rem 0}}.btn-portfolio-video{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border:none;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 15px #6b8e9f40;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.3px;margin-bottom:.8rem;padding:.9rem 1.8rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.btn-portfolio-video:hover{background:linear-gradient(135deg,#8fa8b5,#a8c4d1);background:linear-gradient(135deg,var(--dev-secondary) 0,var(--dev-accent) 100%);box-shadow:0 6px 25px #6b8e9f59;transform:translateY(-2px)}.portfolio-section-description{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:1rem;line-height:1.6;margin-top:.5rem}.portfolio-planning-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin-top:2rem;padding:2rem}.protected-pdf-container{background:#f5f5f5;border:1px solid #6b8e9f1a;border-radius:20px;border-radius:var(--radius-sm);max-height:800px;min-height:800px;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-user-select:none;user-select:none;width:100%}.protected-pdf-container::-webkit-scrollbar{width:10px}.protected-pdf-container::-webkit-scrollbar-track{background:#f1f1f1}.protected-pdf-container::-webkit-scrollbar-thumb{background:#6b8e9f;background:var(--dev-primary);border-radius:5px}.protected-pdf-container::-webkit-scrollbar-thumb:hover{background:#8fa8b5;background:var(--dev-secondary)}.protected-pdf-pages{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.protected-pdf-page-wrapper{background:#fff;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;width:100%}.protected-pdf-page{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.protected-pdf-page.blurred{filter:blur(4px)}.pdf-blur-indicator{background:#6b8e9fe6;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0003;color:#fff;font-family:Noto Sans KR,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;z-index:10}.pdf-error-container,.pdf-loading-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.pdf-loading{align-items:center;color:#5a5a5a;color:var(--text-medium);display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;font-size:1rem;gap:1rem}.pdf-loading-progress{background:#6b8e9f1a;border-radius:10px;height:30px;max-width:300px;overflow:hidden;position:relative;width:100%}.pdf-progress-bar{background:linear-gradient(90deg,#6b8e9f,#8fa8b5);background:linear-gradient(90deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border-radius:10px;height:100%;transition:width .3s ease}.pdf-progress-text{color:#3a3a3a;color:var(--text-dark);font-size:.85rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pdf-error,.pdf-progress-text{font-family:Noto Sans KR,sans-serif}.pdf-error{color:#e74c3c;font-size:1rem}@media (max-width:1024px){.protected-pdf-container{max-height:600px;min-height:600px}}@media (max-width:768px){.protected-pdf-container{max-height:500px;min-height:500px}.portfolio-planning-card{padding:1.5rem 1rem}.protected-pdf-pages{gap:1rem;padding:1rem}.pdf-blur-indicator{font-size:.75rem;padding:.4rem .8rem;right:.5rem;top:.5rem}}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.video-modal-container{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;padding:2rem;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.video-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:40px;z-index:10001}.video-modal-close:hover{background:#fff3;transform:rotate(90deg)}.video-modal-content{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.video-modal-player{background:#000;border-radius:30px;border-radius:var(--radius-md);height:auto;max-height:85vh;max-width:100%;outline:none;-webkit-user-select:none;user-select:none;width:100%}.video-modal-player::-webkit-media-controls{display:flex!important}.video-modal-player::-webkit-media-controls-enclosure{background:#000000b3;border-radius:0 0 30px 30px;border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width:768px){.video-modal-container{max-height:95vh;padding:1rem}.video-modal-close{font-size:1.2rem;height:35px;right:.5rem;top:.5rem;width:35px}.video-modal-player{max-height:90vh}}.team-recruitment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#6b8e9f0f 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--dev-bg) 50%,#fffffffa 100%);border:1px solid #6b8e9f1a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.team-recruitment:before{background:radial-gradient(circle,#6b8e9f0f 0,#0000 70%);background:radial-gradient(circle,var(--dev-bg) 0,#0000 70%);background:radial-gradient(circle,#bfd8b833 0,#0000 70%);border-radius:50%;content:"";height:400px;left:-10%;position:absolute;top:-30%;width:400px;z-index:0}.team-recruitment .section-content{position:relative;z-index:1}.recruitment-container{grid-gap:3.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:grid;gap:3.5rem;grid-template-columns:300px 1fr;margin-top:3rem;padding:3.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.recruitment-container:hover{border-color:#6b8e9f33;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.recruitment-left{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.recruitment-photo{border-radius:20px;box-shadow:0 5px 20px #0000001a;height:200px;overflow:hidden;width:200px}.recruitment-img{display:block;height:100%;object-fit:cover;width:100%}.recruitment-name{text-align:center}.name-kr{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.name-role{color:#8a8a8a;color:var(--text-light);font-size:1rem;font-weight:500;margin:0}.github-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #6b8e9f26;border-radius:30px;border-radius:var(--radius-md);display:flex;gap:.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.github-link:before{background:linear-gradient(90deg,#0000,#6b8e9f1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.github-link:hover:before{left:100%}.github-link:hover{background:#fffffff2;border-color:#6b8e9f66;box-shadow:0 6px 20px #6b8e9f33;transform:translateY(-3px) scale(1.05)}.github-icon{color:#6b8e9f;color:var(--dev-primary);font-size:1.2rem;transition:transform .3s ease}.github-link:hover .github-icon{transform:scale(1.1)}.github-username{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.3px;text-decoration:none;transition:color .3s ease}.github-link:hover .github-username{color:#6b8e9f;color:var(--dev-primary)}.youtube-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #b8a08226;border-radius:30px;border-radius:var(--radius-md);display:flex;gap:.5rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.youtube-link:before{background:linear-gradient(90deg,#0000,#b8a0821a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.youtube-link:hover:before{left:100%}.youtube-link:hover{background:#fffffff2;border-color:#b8a08266;box-shadow:0 6px 20px #b8a08233;transform:translateY(-3px) scale(1.05)}.youtube-icon{color:red;font-size:1.2rem;transition:transform .3s ease}.youtube-link:hover .youtube-icon{transform:scale(1.1)}.youtube-text{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.3px;text-decoration:none;transition:color .3s ease}.youtube-link:hover .youtube-text{color:#b8a082;color:var(--music-primary)}.github-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6b8e9f0d,#a7e3c50d);border:1px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);margin-top:1rem;overflow:hidden;padding:1rem 1.2rem;position:relative;text-align:left}.github-description:before{background:linear-gradient(180deg,#6b8e9f,#a7e3c5);background:linear-gradient(180deg,var(--dev-primary) 0,var(--mint-green) 100%);border-radius:2px 0 0 2px;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.github-description-text{color:#5a5a5a;color:var(--text-medium);font-size:.9rem;font-weight:400;letter-spacing:-.2px;line-height:1.7;margin:0;position:relative;text-align:left;z-index:1}@media (max-width:768px){.github-description{margin-top:.8rem;padding:.9rem 1rem}.github-description-text{font-size:.85rem;line-height:1.65}}.developer-mindset{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6b8e9f1f,#a7e3c526);border:2px solid #6b8e9f40;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 15px #6b8e9f26;margin-top:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.developer-mindset:before{background:linear-gradient(180deg,#6b8e9f,#a7e3c5);background:linear-gradient(180deg,var(--dev-primary) 0,var(--mint-green) 100%);border-radius:2px 0 0 2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.developer-mindset:after{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#a7e3c51a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.developer-mindset:hover{border-color:#6b8e9f66;box-shadow:0 6px 20px #6b8e9f40;transform:translateY(-2px)}.developer-mindset-icon{animation:float 2s ease-in-out infinite;display:inline-block;font-size:1.5rem;margin-bottom:.8rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.developer-mindset-text{color:#3a3a3a;color:var(--text-dark);font-size:1rem;font-weight:400;letter-spacing:-.3px;line-height:1.8;margin:0;position:relative;text-align:left;z-index:1}@media (max-width:768px){.developer-mindset{margin-top:1.2rem;padding:1.2rem}.developer-mindset-text{font-size:.9rem;line-height:1.75}.developer-mindset-icon{font-size:1.3rem;margin-bottom:.6rem}}.recruitment-right{display:flex;flex-direction:column;gap:2rem}.recruitment-section{margin-top:-2.2rem;text-align:left}.recruitment-section:has(.education-main-box){margin-bottom:-3.5rem}.recruitment-section:has(.career-main-box){margin-top:0}.recruitment-section-title{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.recruitment-section:has(.career-main-box) .recruitment-section-title{margin-bottom:.5rem}.recruitment-list{display:flex;flex-direction:column;gap:.8rem;list-style:none;margin:0;padding:0}.recruitment-list li{color:#3a3a3a;color:var(--text-dark);font-size:.95rem;line-height:1.6;padding-left:0;position:relative}.recruitment-list li:before{color:#6b8e9f;color:var(--dev-primary);content:"•";font-weight:700;margin-right:.8rem}.career-main-box{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#bfd8b81f,#a7e3c51a 50%,#bfd8b81f);border:2px solid #bfd8b873;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 3px 15px #bfd8b81f,inset 0 1px 0 #ffffff80;display:inline-block;margin-bottom:.35rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.career-main-box:hover{border-color:#bfd8b899;box-shadow:0 4px 20px #bfd8b82e,inset 0 1px 0 #fff9}.career-main-box:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.education-main-box{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#6b8e9f1f,#7fa2b31a 50%,#6b8e9f1f);border:2px solid #6b8e9f73;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 3px 15px #6b8e9f1f,inset 0 1px 0 #ffffff80;display:inline-block;margin-bottom:.2rem;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s ease}.education-main-box:hover{border-color:#6b8e9f99;box-shadow:0 4px 20px #6b8e9f2e,inset 0 1px 0 #fff9}.education-main-box:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.education-main-title{color:#6b8e9f;color:var(--dev-primary);text-shadow:0 1px 3px #6b8e9f4d}.career-main-title,.education-main-title{display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:-.2px;line-height:1.5;position:relative;z-index:1}.career-main-title{color:#9fc0a3;color:var(--sage-green-dark);text-shadow:0 1px 3px #9fc0a34d}.recruitment-principle{align-items:flex-start;color:#6b8e9f;color:var(--dev-primary);display:flex;font-weight:600;gap:.5rem}.principle-icon{flex-shrink:0;font-size:1.2rem}.recruitment-principles{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.recruitment-principle-card{align-items:center;background:linear-gradient(135deg,#6b8e9f14,#8fa8b51a);border-left:3px solid #6b8e9f;border-left:3px solid var(--dev-primary);border-radius:12px;box-shadow:0 2px 8px #6b8e9f1a;display:flex;gap:.8rem;padding:1.2rem 1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.recruitment-principle-card:hover{border-left-color:#8fa8b5;border-left-color:var(--dev-secondary);box-shadow:0 4px 12px #6b8e9f26;transform:translateX(4px)}.recruitment-principle-card .principle-icon{flex-shrink:0;font-size:1.4rem}.recruitment-principle-card .principle-text{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;line-height:1.5}.compact-timeline-section{border-top:1px solid #6b8e9f1a;margin-top:.5rem;padding-top:.75rem}.compact-timeline-container{width:100%}.compact-timeline-wrapper{padding-left:1.5rem;position:relative}.compact-timeline-line{background:linear-gradient(180deg,#6b8e9f26,#6b8e9f4d 50%,#6b8e9f26);border-radius:1px;bottom:0;left:.5rem;position:absolute;top:0;width:2px}.compact-timeline-items{display:flex;flex-direction:column;gap:1.2rem;position:relative}.compact-timeline-item{align-items:flex-start;display:flex;gap:.75rem;position:relative}.compact-timeline-dot{background:#fff;border:2px solid #6b8e9f;border:2px solid var(--dev-primary);border-radius:50%;box-shadow:0 1px 4px #6b8e9f33;flex-shrink:0;height:10px;left:-1.5rem;margin-top:.25rem;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:10px;z-index:2}.compact-timeline-item:hover .compact-timeline-dot{box-shadow:0 2px 8px #6b8e9f66;transform:translateX(-50%) scale(1.3)}.compact-timeline-item.ongoing .compact-timeline-dot{animation:compactPulse 2s ease-in-out infinite;background:#c5eed9;background:var(--mint-green-light);border-color:#a7e3c5;border-color:var(--mint-green)}@keyframes compactPulse{0%,to{box-shadow:0 0 0 0 #a7e3c599}50%{box-shadow:0 0 0 6px #a7e3c500}}.compact-timeline-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border:1px solid #6b8e9f14;border-radius:12px;flex:1 1;padding:.75rem 1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.compact-timeline-item:hover .compact-timeline-content{background:#ffffffe6;border-color:#6b8e9f33;box-shadow:0 2px 8px #6b8e9f1a;transform:translateX(3px)}.compact-timeline-header{align-items:flex-start;display:flex;gap:.6rem;margin-bottom:.4rem}.compact-timeline-icon{flex-shrink:0;font-size:1.2rem;line-height:1;margin-top:.1rem}.compact-timeline-title-wrapper{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.compact-timeline-title{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:.85rem;font-weight:600;line-height:1.4}.compact-timeline-description{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:.75rem;line-height:1.3}.compact-timeline-role{background:#6b8e9f1a;border-radius:8px;color:#6b8e9f;color:var(--dev-primary);display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:.7rem;font-weight:600;line-height:1.3;margin-top:.2rem;padding:.15rem .5rem}.compact-timeline-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.3rem}.compact-timeline-date{color:#6b8e9f;color:var(--dev-primary);font-size:.7rem}.compact-timeline-badge,.compact-timeline-date{font-family:Noto Sans KR,sans-serif;font-weight:600}.compact-timeline-badge{border-radius:10px;font-size:.65rem;padding:.15rem .5rem}.compact-timeline-badge.ongoing{background:linear-gradient(135deg,#a7e3c5,#c5eed9);background:linear-gradient(135deg,var(--mint-green) 0,var(--mint-green-light) 100%);color:#3a3a3a;color:var(--text-dark)}@media (max-width:768px){.compact-timeline-wrapper{padding-left:1.2rem}.compact-timeline-line{left:.4rem}.compact-timeline-dot{height:8px;left:-1.2rem;width:8px}.compact-timeline-content{padding:.6rem .8rem}.compact-timeline-title{font-size:.8rem}.compact-timeline-description{font-size:.7rem}.compact-timeline-date{font-size:.65rem}.compact-timeline-icon{font-size:1rem}.compact-timeline-items{gap:1rem}}.recruitment-footer{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:4rem;text-align:center}.recruitment-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.recruitment-quote{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-style:italic;font-weight:400;letter-spacing:.5px;line-height:1.8;margin:0;max-width:700px;padding:0 2rem;position:relative}.recruitment-quote:before{left:-10px;top:-10px}.recruitment-quote:after,.recruitment-quote:before{color:#6b8e9f;color:var(--dev-primary);content:'"';font-family:Indie Flower,cursive;font-size:3rem;line-height:1;opacity:.3;position:absolute}.recruitment-quote:after{bottom:-30px;right:-10px}.btn-recruitment{align-items:center;background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border:none;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6b8e9f4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Noto Sans KR,sans-serif;font-size:1.15rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1.4rem 4rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.btn-recruitment:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-recruitment:hover:before{left:100%}.btn-recruitment:hover{background:linear-gradient(135deg,#8fa8b5,#a8c4d1);background:linear-gradient(135deg,var(--dev-secondary) 0,var(--dev-accent) 100%);box-shadow:0 6px 30px #6b8e9f66;transform:translateY(-3px)}.btn-recruitment:active{box-shadow:0 3px 15px #6b8e9f4d;transform:translateY(-1px)}.btn-resume{align-items:center;background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid #6b8e9f;border:2px solid var(--dev-primary);border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 20px #6b8e9f26;color:#6b8e9f;color:var(--dev-primary);cursor:pointer;display:inline-flex;font-family:Noto Sans KR,sans-serif;font-size:1.15rem;font-weight:600;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1.4rem 4rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.btn-resume:before{background:linear-gradient(90deg,#0000,#6b8e9f1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-resume:hover:before{left:100%}.btn-resume:hover{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border-color:#6b8e9f;border-color:var(--dev-primary);box-shadow:0 6px 30px #6b8e9f40;color:#fff;transform:translateY(-3px)}.btn-resume:active{box-shadow:0 3px 15px #6b8e9f33;transform:translateY(-1px)}@media (max-width:768px){.recruitment-buttons{flex-direction:column;max-width:400px;width:100%}.btn-recruitment,.btn-resume{font-size:1rem;padding:1.2rem 2rem;width:100%}}.tech-stack-section{border-top:2px solid #6b8e9f1a;margin-top:3rem;padding-top:3rem}.tech-stack-title{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:2rem;text-align:center}.tech-stack-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:2rem}.tech-stack-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);box-sizing:border-box;cursor:default;display:flex;flex-direction:column;min-width:0;padding:1.5rem 1rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle);width:100%}.tech-stack-item:hover{border-color:#6b8e9f40;box-shadow:0 6px 30px #6b8e9f33;transform:translateY(-5px)}.tech-stack-icon{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.tech-stack-item:hover .tech-stack-icon{transform:scale(1.1)}.tech-stack-name{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:600;line-height:1.4;word-break:keep-all}.tech-stack-icon.react-icon{color:#61dafb}.tech-stack-icon.nodejs-icon{color:#393}.tech-stack-icon.mysql-icon{color:#4479a1}.tech-stack-icon.styled-components-icon{color:#db7093}.tech-stack-icon.recoil-icon{color:#3578e5}.tech-stack-icon.axios-icon{color:#5a29e4}.tech-stack-icon.chatgpt-icon{color:#10a37f}.tech-stack-icon.cursor-icon{color:#000}.tech-stack-icon.figma-icon{color:#f24e1e}.tech-stack-icon.nextjs-icon{color:#000}.tech-stack-icon.typescript-icon{color:#3178c6}.tech-stack-icon.vercel-icon{color:#000}.tech-stack-icon.supabase-icon{color:#3ecf8e}.tech-stack-item.tech-stack-more{border-style:dashed;opacity:.7}.tech-stack-icon.more-icon{color:#6b8e9f;color:var(--dev-primary);font-size:2.5rem;font-weight:300;letter-spacing:.2rem}.more-dots{display:inline-block;font-family:Noto Sans KR,sans-serif;font-weight:300;line-height:1}.tech-stack-item.tech-stack-more:hover{opacity:1;transform:translateY(-5px)}@media (max-width:1024px){.tech-stack-grid{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.tech-stack-icon{font-size:2.5rem}.tech-stack-name{font-size:.85rem}}@media (max-width:768px){.tech-stack-grid{grid-gap:.8rem!important;display:grid!important;gap:.8rem!important;grid-auto-columns:1fr!important;grid-template-columns:repeat(3,1fr)!important;margin-top:2rem!important;width:100%!important}.tech-stack-item{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important;overflow:hidden!important;padding:.8rem .5rem!important;position:relative!important}.tech-stack-item,.tech-stack-item:first-child,.tech-stack-item:nth-child(10),.tech-stack-item:nth-child(2),.tech-stack-item:nth-child(3),.tech-stack-item:nth-child(4),.tech-stack-item:nth-child(5),.tech-stack-item:nth-child(6),.tech-stack-item:nth-child(7),.tech-stack-item:nth-child(8),.tech-stack-item:nth-child(9){aspect-ratio:1/1!important;flex:0 0 auto!important;grid-column:span 1!important;height:auto!important;max-width:100%!important;min-width:0!important;width:100%!important}.tech-stack-icon{align-items:center!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:2rem!important;height:2rem!important;justify-content:center!important;margin-bottom:.4rem!important;max-height:2rem!important;max-width:2rem!important;min-height:2rem!important;min-width:2rem!important;width:2rem!important}.tech-stack-name{display:block!important;flex:0 1 auto!important;font-size:.7rem!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;margin:0!important;max-width:100%!important;min-height:0!important;overflow:hidden!important;overflow-wrap:break-word!important;padding:0!important;text-align:center!important;width:100%!important;word-break:break-word!important}.tech-stack-title{font-size:1.2rem}}.achievements-section{border-top:2px solid #6b8e9f1a;margin-top:3rem;padding-top:3rem}.achievements-title{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:2rem;text-align:center}.achievements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.achievement-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.achievement-card:hover{border-color:#6b8e9f40;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.achievement-image-wrapper{align-items:center;background:#f5f5f5;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000001a;display:flex;height:300px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.achievement-image{display:block;height:100%;object-fit:contain;width:100%}.achievement-label{color:#8a8a8a;color:var(--text-light);font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.achievement-name{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:600;line-height:1.4}.achievement-card-essay{display:flex;flex-direction:column;position:relative}.btn-essay-purchase{background:linear-gradient(135deg,#b8a082,#d4c4a8);background:linear-gradient(135deg,var(--music-primary) 0,var(--music-secondary) 100%);border:none;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 8px #b8a08233;color:#fff;cursor:pointer;display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-essay-purchase:hover{background:linear-gradient(135deg,#d4c4a8,#b8a082);background:linear-gradient(135deg,var(--music-secondary) 0,var(--music-primary) 100%);box-shadow:0 4px 12px #b8a0824d;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-essay-purchase:active{transform:translateY(0)}.achievement-card-github{display:flex;flex-direction:column;position:relative}.btn-github-view{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border:none;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 8px #6b8e9f33;color:#fff;cursor:pointer;display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;margin-top:1.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-github-view:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-github-view:hover:before{left:100%}.btn-github-view:hover{background:linear-gradient(135deg,#8fa8b5,#6b8e9f);background:linear-gradient(135deg,var(--dev-secondary) 0,var(--dev-primary) 100%);box-shadow:0 6px 20px #6b8e9f66;color:#fff;text-decoration:none;transform:translateY(-3px) scale(1.05)}.btn-github-view:active{transform:translateY(-1px) scale(1.02)}@media (max-width:1024px){.achievements-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.achievement-image-wrapper{height:250px}}@media (max-width:768px){.achievements-grid{gap:1.5rem;grid-template-columns:1fr}.achievements-title{font-size:1.2rem}.achievement-image-wrapper{height:300px}}.timeline-section{border-top:2px solid #6b8e9f1a;margin-top:3rem;padding-top:3rem}.timeline-section-title{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:2rem;text-align:center}.timeline-container{margin:0 auto;max-width:1200px;width:100%}.timeline-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.timeline-filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f33;border-radius:25px;color:#5a5a5a;color:var(--text-medium);cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.timeline-filter-btn:hover{border-color:#6b8e9f66;box-shadow:0 4px 12px #6b8e9f26;transform:translateY(-2px)}.timeline-filter-btn.active{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border-color:#6b8e9f;border-color:var(--dev-primary);box-shadow:0 4px 15px #6b8e9f4d;color:#fff}.timeline-wrapper{padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(180deg,#6b8e9f33,#6b8e9f66 50%,#6b8e9f33);border-radius:2px;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.timeline-items{display:flex;flex-direction:column;gap:3rem;position:relative}.timeline-item{align-items:center;display:flex;position:relative;width:100%}.timeline-item-left{justify-content:flex-end;padding-right:calc(50% + 2rem)}.timeline-item-right{justify-content:flex-start;padding-left:calc(50% + 2rem)}.timeline-item-dot{background:#fff;border:3px solid #6b8e9f;border:3px solid var(--dev-primary);border-radius:50%;box-shadow:0 2px 8px #6b8e9f4d;height:16px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:16px;z-index:2}.timeline-item:hover .timeline-item-dot{box-shadow:0 4px 15px #6b8e9f80;transform:translateX(-50%) scale(1.3)}.timeline-item.ongoing .timeline-item-dot{animation:pulse 2s ease-in-out infinite;background:#c5eed9;background:var(--mint-green-light);border-color:#a7e3c5;border-color:var(--mint-green)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #a7e3c5b3}50%{box-shadow:0 0 0 10px #a7e3c500}}.timeline-item-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);max-width:400px;padding:1.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle);width:100%}.timeline-item:hover .timeline-item-content{border-color:#6b8e9f4d;box-shadow:0 8px 30px #6b8e9f33;transform:translateY(-5px)}.timeline-item-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.timeline-item-icon{flex-shrink:0;font-size:2rem;line-height:1}.timeline-item-title-wrapper{flex:1 1}.timeline-item-title{color:#3a3a3a;color:var(--text-dark);font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.timeline-item-description,.timeline-item-title{font-family:Noto Sans KR,sans-serif;line-height:1.4}.timeline-item-description{color:#5a5a5a;color:var(--text-medium);font-size:.85rem;margin:0}.timeline-item-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.timeline-item-date{color:#6b8e9f;color:var(--dev-primary);font-size:.85rem}.timeline-item-badge,.timeline-item-date{font-family:Noto Sans KR,sans-serif;font-weight:600}.timeline-item-badge{border-radius:15px;font-size:.75rem;padding:.3rem .75rem}.timeline-item-badge.ongoing{background:linear-gradient(135deg,#a7e3c5,#c5eed9);background:linear-gradient(135deg,var(--mint-green) 0,var(--mint-green-light) 100%);color:#3a3a3a;color:var(--text-dark)}.timeline-item-badge.completed{background:#6b8e9f1a;color:#6b8e9f;color:var(--dev-primary)}@media (max-width:1024px){.timeline-item-left,.timeline-item-right{justify-content:flex-start;padding-left:calc(50% + 1.5rem);padding-right:0}.timeline-item-content{max-width:350px}}@media (max-width:768px){.timeline-line{left:1.5rem}.timeline-item-left,.timeline-item-right{padding-left:3.5rem;padding-right:0}.timeline-item-dot{left:1.5rem;transform:translateX(-50%)}.timeline-item:hover .timeline-item-dot{transform:translateX(-50%) scale(1.3)}.timeline-item-content{max-width:100%;padding:1.2rem}.timeline-item-title{font-size:1rem}.timeline-item-date,.timeline-item-description{font-size:.8rem}.timeline-item-icon{font-size:1.5rem}.timeline-filters{gap:.75rem}.timeline-filter-btn{font-size:.85rem;padding:.6rem 1.2rem}.timeline-section-title{font-size:1.2rem}}@media (max-width:480px){.timeline-line{left:1rem}.timeline-item-left,.timeline-item-right{padding-left:2.5rem}.timeline-item-dot{height:12px;left:1rem;width:12px}.timeline-item-content{padding:1rem}.timeline-item-header{gap:.75rem}.timeline-item-icon{font-size:1.3rem}.timeline-item-title{font-size:.95rem}.timeline-filters{align-items:stretch;flex-direction:column}.timeline-filter-btn{text-align:center;width:100%}}.codeit-certificates-section{border-top:2px solid #6b8e9f1a;margin-top:3rem;padding-top:3rem}.codeit-certificates-title{color:#6b8e9f;color:var(--dev-primary);font-family:Noto Sans KR,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:2rem;text-align:center}.codeit-empty,.codeit-loading{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:1rem;padding:3rem;text-align:center}.codeit-certificates-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.codeit-certificate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1.5px solid #6b8e9f1f;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.codeit-certificate-card:hover{border-color:#6b8e9f4d;box-shadow:0 8px 30px #6b8e9f33;transform:translateY(-5px)}.codeit-certificate-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:center}.codeit-certificate-name{color:#3a3a3a;color:var(--text-dark);font-size:1rem;line-height:1.5;word-break:keep-all}.codeit-certificate-badge,.codeit-certificate-name{font-family:Noto Sans KR,sans-serif;font-weight:600}.codeit-certificate-badge{background:linear-gradient(135deg,#6b8e9f,#8fa8b5);background:linear-gradient(135deg,var(--dev-primary) 0,var(--dev-secondary) 100%);border-radius:20px;box-shadow:0 2px 8px #6b8e9f33;color:#fff;display:inline-block;font-size:.75rem;padding:.4rem .8rem}.codeit-certificate-pdf{align-items:center;background:#f5f5f5;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000000d;display:flex;justify-content:center;min-height:400px;overflow:hidden;width:100%}.codeit-certificate-pdf .achievement-image{display:block;height:auto;max-height:600px;object-fit:contain;width:100%}@media (max-width:1024px){.codeit-certificates-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.codeit-certificate-pdf{min-height:350px}.codeit-certificate-pdf .achievement-image{max-height:500px}}@media (max-width:768px){.codeit-certificates-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.codeit-certificate-card{padding:1.2rem}.codeit-certificate-name{font-size:.9rem}.codeit-certificate-badge{font-size:.7rem;padding:.3rem .6rem}.codeit-certificates-title{font-size:1.2rem}.codeit-certificate-pdf{min-height:300px}.codeit-certificate-pdf .achievement-image{max-height:400px}}@media (max-width:480px){.codeit-certificates-grid{gap:1.5rem;grid-template-columns:1fr}.codeit-certificate-card{padding:1rem}.codeit-certificate-name{font-size:.85rem}.codeit-certificate-badge{font-size:.65rem;padding:.25rem .5rem}.codeit-certificate-pdf{min-height:280px}.codeit-certificate-pdf .achievement-image{max-height:350px}}.transition-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#bfd8b814 30%,#a7e3c50f 50%,#bfd8b814 70%,#fffffffa);border:1px solid #bfd8b826;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #bfd8b814;margin:4rem 5%;overflow:hidden;padding:5rem 5%;position:relative}.transition-content{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.transition-clovers{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-bottom:2.5rem;opacity:.7}.transition-clover{animation:floatClover 4s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(191,216,184,.3));font-size:2rem}.clover-1{animation-delay:0s}.clover-2{animation-delay:.5s}.clover-3{animation-delay:1s}.clover-4{animation-delay:1.5s}.clover-5{animation-delay:2s}.clover-6{animation-delay:2.5s}@keyframes floatClover{0%,to{opacity:.5;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-15px) rotate(10deg)}}.transition-text{color:#3a3a3a;color:var(--text-dark);font-family:Indie Flower,cursive;font-size:1.4rem;font-weight:400;letter-spacing:2px;line-height:1.8;margin:0;opacity:.9;text-shadow:0 1px 3px #bfd8b833}.musician-activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#b8a08214 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--music-bg) 50%,#fffffffa 100%);border:1px solid #b8a0821a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.musician-activity:before{background:radial-gradient(circle,#b8a08214 0,#0000 70%);background:radial-gradient(circle,var(--music-bg) 0,#0000 70%);border-radius:50%;content:"";height:400px;left:-10%;position:absolute;top:-20%;width:400px;z-index:0}.musician-activity .section-content{padding:0;position:relative;z-index:1}.musician-activity .section-title{color:#b8a082;color:var(--music-primary);margin-bottom:3rem}.musician-activity .section-title:after{background:linear-gradient(90deg,#b8a082,#d4c4a8);background:linear-gradient(90deg,var(--music-primary) 0,var(--music-secondary) 100%)}.musician-thumbnails{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:3rem}.thumbnail-card{background:#fff;border-radius:20px;box-shadow:0 3px 20px #bfd8b81a;padding:1rem;transition:transform .3s ease}.thumbnail-card:hover{transform:translateY(-5px)}.thumbnail-image{font-size:3rem;margin-bottom:.5rem}.thumbnail-title{color:#3a3a3a;color:var(--text-dark);font-size:.9rem;font-weight:600;margin-bottom:.3rem}.thumbnail-date{color:#8a8a8a;color:var(--text-light);font-size:.8rem}.pagination{margin:2rem 0}.page-btn{background:#0000;border:2px solid #bfd8b8;border-radius:20px;color:#bfd8b8;padding:.5rem 1rem}.page-btn.active,.page-btn:hover{background-color:#bfd8b8;background-color:var(--sage-green);color:#fff}.musician-profile-card{align-items:center;background:#fff;border-radius:30px;box-shadow:0 5px 30px #bfd8b826;display:flex;gap:3rem;margin-top:3rem;padding:3rem;text-align:left}.profile-image-wrapper{border-radius:20px;box-shadow:0 5px 20px #bfd8b833;flex-shrink:0;height:200px;overflow:hidden;width:200px}.profile-photo{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1}.profile-name{color:#3a3a3a;color:var(--text-dark);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.profile-details{display:flex;flex-direction:column;gap:1rem}.profile-detail-item{display:flex;gap:.5rem}.detail-label{color:#3a3a3a;color:var(--text-dark);font-weight:600}.detail-value{color:#8a8a8a;color:var(--text-light)}.band-support{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#b8a08214 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--music-bg) 50%,#fffffffa 100%);border:1px solid #b8a0821a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:3rem 5%;overflow:hidden;padding:4rem 5%;position:relative}.band-support:before{background:radial-gradient(circle,#b8a08214 0,#0000 70%);background:radial-gradient(circle,var(--music-bg) 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-20%;width:400px;z-index:0}.band-support .section-content{position:relative;z-index:1}.band-support .subsection-title{color:#b8a082;color:var(--music-primary)}.band-support .subsection-title:after{background:linear-gradient(90deg,#b8a082,#d4c4a8);background:linear-gradient(90deg,var(--music-primary) 0,var(--music-secondary) 100%)}.band-support .subsection-title{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:3rem;text-align:center}.band-support-container{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:240px 1fr}.band-support-content{display:flex;flex-direction:column;gap:1.5rem}.band-support-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff9;border-left:3px solid #b8a082;border-left:3px solid var(--music-primary);border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1rem;padding:1.8rem;text-align:left}.band-text-item{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1rem;line-height:1.9;margin:0;padding-left:1.5rem;position:relative;text-align:left}.band-text-item:before{color:#b8a082;color:var(--music-primary);content:"♪";font-size:1.2rem;left:0;opacity:.6;position:absolute}.band-text-note{background:#bfd8b81a;border-left:3px solid #bfd8b8;border-left:3px solid var(--sage-green);border-radius:15px;color:#8a8a8a;color:var(--text-light);font-family:Noto Sans KR,sans-serif;font-size:.95rem;font-style:italic;line-height:1.8;margin:0;padding:1rem}.band-support-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#b8a08214);background:linear-gradient(135deg,#fffffff2 0,var(--music-bg) 100%);border:1.5px solid #b8a0822e;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);padding:1.8rem;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-gentle)}.band-support-info:hover{border-color:#b8a0824d;box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.band-name{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.band-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.band-detail-item{display:flex;font-family:Noto Sans KR,sans-serif;font-size:1rem;gap:.8rem;margin:0}.band-detail-label{color:#3a3a3a;color:var(--text-dark);font-weight:600;min-width:100px}.band-detail-value{color:#8a8a8a;color:var(--text-light)}.btn-band-join{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-radius:30px;border-radius:var(--radius-md);box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);color:#fff;display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.3px;padding:1.1rem 2.2rem;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.btn-band-join:hover{background:linear-gradient(135deg,#4a4a4a,#5a5a5a);box-shadow:0 8px 50px #bfd8b826;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.band-support-images{display:flex;flex-direction:column;gap:1rem;position:-webkit-sticky;position:sticky;top:100px}.band-support-image{border:3px solid #bfd8b833;border-radius:25px;box-shadow:0 10px 40px #bfd8b84d;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.band-support-image:hover{box-shadow:0 15px 50px #bfd8b866;transform:translateY(-5px)}.band-image{display:block;height:auto;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.band-support-image:hover .band-image{transform:scale(1.03)}.exercise-activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#7fb3a814 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--exercise-bg) 50%,#fffffffa 100%);border:1px solid #7fb3a81a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.exercise-activity:before{background:radial-gradient(circle,#7fb3a814 0,#0000 70%);background:radial-gradient(circle,var(--exercise-bg) 0,#0000 70%);border-radius:50%;content:"";height:400px;left:-10%;position:absolute;top:-20%;width:400px;z-index:0}.exercise-activity .section-content{padding:0;position:relative;z-index:1}.exercise-activity .section-title{color:#7fb3a8;color:var(--exercise-primary);margin-bottom:3rem}.exercise-activity .section-title:after{background:linear-gradient(90deg,#7fb3a8,#9fc5bb);background:linear-gradient(90deg,var(--exercise-primary) 0,var(--exercise-secondary) 100%)}.exercise-content{display:flex;flex-direction:column;gap:3rem}.exercise-images{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.exercise-image-item{aspect-ratio:4/3;background:#ffffffe6;border:2px solid #7fb3a81a;border-radius:16px;box-shadow:0 4px 20px #7fb3a826,0 2px 8px #7fb3a81a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.exercise-image-item:hover{border-color:#7fb3a84d;box-shadow:0 12px 40px #7fb3a840,0 4px 16px #7fb3a826;transform:translateY(-8px) scale(1.02)}.exercise-image-item .optimized-image-wrapper,.exercise-image-item img{display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.exercise-image-item:hover .optimized-image-wrapper img,.exercise-image-item:hover img{transform:scale(1.08)}.exercise-image-special{border:3px solid #7fb3a84d;box-shadow:0 6px 30px #7fb3a833,0 2px 12px #7fb3a826,inset 0 1px 0 #ffffff80;grid-column:span 1;position:relative}.exercise-image-special:before{background:linear-gradient(135deg,#7fb3a80d,#0000 50%,#7fb3a80d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.exercise-image-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f8b80fa,#3b776cfa);border:1.5px solid #fff6;border-radius:20px;box-shadow:0 4px 16px #3b776c80,0 2px 6px #0003,inset 0 1px 0 #fff3;color:#fff;font-size:.85rem;font-weight:800;letter-spacing:.5px;opacity:1;padding:.5rem 1rem;position:absolute;right:12px;text-shadow:0 1px 3px #0000004d;top:12px;transition:all .3s ease;z-index:2}.exercise-image-item:hover .exercise-image-badge{box-shadow:0 6px 20px #3b776c99,0 3px 8px #00000040,inset 0 1px 0 #ffffff4d;transform:scale(1.05)}.exercise-image-special:hover{border-color:#7fb3a880;box-shadow:0 16px 50px #7fb3a84d,0 6px 20px #7fb3a833,inset 0 1px 0 #ffffff80;transform:translateY(-10px) scale(1.03)}.exercise-letter{background:#fff;border-left:4px solid #7fb3a8;border-left:4px solid var(--exercise-primary);border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);padding:3rem;position:relative}.exercise-letter:before{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 10px #7fb3a833;content:"💪";display:flex;font-size:1.8rem;height:50px;justify-content:center;left:30px;line-height:1;position:absolute;top:-18px;width:50px}.letter-content{position:relative}.letter-text{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1rem;letter-spacing:.3px;line-height:1.9;margin:0}.travel-activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#9b9bc814 50%,#fffffffa);background:linear-gradient(135deg,#fffffffa 0,var(--travel-bg) 50%,#fffffffa 100%);border:1px solid #9b9bc81a;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.travel-activity:before{background:radial-gradient(circle,#9b9bc814 0,#0000 70%);background:radial-gradient(circle,var(--travel-bg) 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-20%;width:400px;z-index:0}.travel-activity .section-content{padding:0;position:relative;z-index:1}.travel-activity .section-title{color:#9b9bc8;color:var(--travel-primary);margin-bottom:3rem}.travel-activity .section-title:after{background:linear-gradient(90deg,#9b9bc8,#b5b5d9);background:linear-gradient(90deg,var(--travel-primary) 0,var(--travel-secondary) 100%)}.travel-content{display:flex;flex-direction:column;gap:3rem}.travel-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.travel-image-item{aspect-ratio:1;border-radius:20px;border-radius:var(--radius-sm);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.travel-image-item:hover{box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-5px) scale(1.02)}.travel-image-item img{height:100%;object-fit:cover;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:100%}.travel-image-item:hover img{transform:scale(1.1)}.travel-message{background:linear-gradient(135deg,#fffffff2,#fffffffa);border:2px solid #d0d0e8;border:2px solid var(--travel-accent);border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);padding:3rem;position:relative}.travel-message:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b9bc8,#b5b5d9);background:linear-gradient(135deg,var(--travel-primary) 0,var(--travel-secondary) 100%);-webkit-background-clip:text;background-clip:text;content:"✈️";font-size:2rem;position:absolute;right:30px;top:-20px}.message-content{position:relative}.message-text{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1rem;letter-spacing:.3px;line-height:1.9;margin:0}.bucket-list-section{position:relative}.bucket-list-section .section-content{padding:0}.bucket-list-preview{align-items:center;display:flex;justify-content:center;padding:2rem 0;position:relative}.bucket-list-preview-card{background:linear-gradient(135deg,#fffffffa,#f8faf5f2 50%,#fffffffa);border:2px solid #bfd8b84d;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);cursor:pointer;max-width:500px;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:left;width:100%}.bucket-list-preview-card,.bucket-list-preview-card:before{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.bucket-list-preview-card:before{background:radial-gradient(circle,#bfd8b833 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-50%;top:-50%;width:200px}.bucket-list-preview-card:hover{border-color:#bfd8b8;border-color:var(--sage-green);box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.bucket-list-preview-card:hover:before{right:-30%;top:-30%}.bucket-list-preview-icon{display:inline-block;font-size:3rem;margin-bottom:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.bucket-list-preview-card:hover .bucket-list-preview-icon{transform:scale(1.1) rotate(5deg)}.bucket-list-preview-content{position:relative;z-index:1}.bucket-list-preview-title{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.bucket-list-preview-subtitle{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:.95rem;margin:0 0 1.2rem}.bucket-list-preview-items{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.bucket-list-preview-item{background:#bfd8b826;border-radius:15px;color:#5a5a5a;color:var(--text-medium);padding:.4rem .8rem;white-space:nowrap}.bucket-list-preview-item,.bucket-list-preview-more{font-family:Noto Sans KR,sans-serif;font-size:.85rem}.bucket-list-preview-more{color:#bfd8b8;color:var(--sage-green);font-weight:600}.bucket-list-popup-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bucket-list-popup{animation:popupSlideDown .3s ease;background:#fff;border:1px solid #bfd8b84d;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 8px 50px #bfd8b826;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:1000px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:9999}@keyframes popupSlideDown{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bucket-list-popup-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#5a5a5a;color:var(--text-medium);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1.3rem;height:35px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth);width:35px;z-index:10}.bucket-list-popup-close:hover{background:#0000001a;transform:rotate(90deg)}.bucket-list-popup .bucket-list-container{-webkit-overflow-scrolling:touch;border-radius:0;box-shadow:none;flex:1 1;margin:0;max-height:none;overflow-y:auto;padding:2.5rem 3rem}.bucket-list-popup .bucket-list-container:after,.bucket-list-popup .bucket-list-container:before{display:none}.bucket-list-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8faf5f2 50%,#fffffffa);border:1px solid #bfd8b833;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);margin:4rem 5%;overflow:hidden;padding:4rem 5%;position:relative}.bucket-list-container:before{background:radial-gradient(circle,#bfd8b826 0,#0000 70%);left:-10%;top:-15%}.bucket-list-container:after,.bucket-list-container:before{border-radius:50%;content:"";height:300px;position:absolute;width:300px;z-index:0}.bucket-list-container:after{background:radial-gradient(circle,#b8a0821a 0,#0000 70%);bottom:-15%;right:-10%}.bucket-list-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.bucket-list-title{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:2rem;font-weight:700;margin-bottom:.5rem}.bucket-list-subtitle{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:1rem;margin:0}.bucket-list-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2.5rem;position:relative;z-index:1}.bucket-filter-btn{background:#fff;border:2px solid #bfd8b84d;border-radius:25px;color:#5a5a5a;color:var(--text-medium);cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.bucket-filter-btn:hover{background:#bfd8b81a;transform:translateY(-2px)}.bucket-filter-btn.active,.bucket-filter-btn:hover{border-color:#bfd8b8;border-color:var(--sage-green)}.bucket-filter-btn.active{background:#bfd8b8;background:var(--sage-green);box-shadow:0 4px 15px #bfd8b84d;color:#fff}.bucket-list-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;position:relative;z-index:1}.bucket-item{background:#fff;border-left:4px solid;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 20px #0000000a;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:140px;overflow:hidden;padding:1.5rem;position:relative}.bucket-item,.bucket-item:before{transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.bucket-item:before{background:linear-gradient(135deg,#ffffffe6,#f8faf580);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.bucket-item:hover{box-shadow:0 4px 30px #bfd8b81f;box-shadow:var(--shadow-md);transform:translateY(-5px)}.bucket-item:hover:before{opacity:1}.bucket-item-planned{opacity:.9}.bucket-item-ongoing{border-left-width:5px;box-shadow:0 4px 20px #b8a08226}.bucket-item-completed{background:linear-gradient(135deg,#fffffff2,#bfd8b81a);opacity:.85}.bucket-item-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.bucket-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:2rem;height:2.5rem;justify-content:center;line-height:1;margin-top:-.2rem;width:2.5rem}.bucket-item-title-wrapper{flex:1 1;min-width:0}.bucket-item-title{color:#3a3a3a;color:var(--text-dark);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .4rem}.bucket-item-description,.bucket-item-title{font-family:Noto Sans KR,sans-serif;word-break:keep-all}.bucket-item-description{animation:fadeInDescription .2s ease;color:#5a5a5a;color:var(--text-medium);font-size:.85rem;line-height:1.5;margin:.5rem 0 0}@keyframes fadeInDescription{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bucket-item-footer{align-items:center;border-top:1px solid #bfd8b826;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;position:relative;z-index:1}.bucket-item-date{color:#999;font-family:Noto Sans KR,sans-serif;font-size:.75rem;line-height:1.4}.bucket-item-status{background:#bfd8b81a;border-radius:15px;font-family:Noto Sans KR,sans-serif;font-size:.85rem;font-weight:600;line-height:1;padding:.35rem .9rem;white-space:nowrap}.bucket-item.expanded{min-height:auto}.bucket-item{cursor:pointer}.bucket-list-footer{margin-top:2rem;position:relative;text-align:center;z-index:1}.bucket-list-note{color:#5a5a5a;color:var(--text-medium);font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.bucket-list-preview-card{max-width:100%;padding:1.5rem 1.8rem}.bucket-list-preview-icon{font-size:2.5rem}.bucket-list-preview-title{font-size:1.3rem}.bucket-list-preview-subtitle{font-size:.9rem}.bucket-list-preview-item{font-size:.8rem;padding:.35rem .7rem}.bucket-list-popup{left:50%;max-height:90vh;top:50%;transform:translate(-50%,-50%);width:95vw}.bucket-list-popup-close{font-size:1.2rem;height:30px;right:.8rem;top:.8rem;width:30px}.bucket-list-popup .bucket-list-container{padding:2rem 1.5rem}.bucket-list-container{margin:2rem 3%;padding:3rem 5%}.bucket-list-title{font-size:1.6rem}.bucket-list-grid{gap:1.2rem;grid-template-columns:1fr}.bucket-filter-btn{font-size:.85rem;padding:.5rem 1.2rem}.bucket-item{min-height:auto;padding:1.2rem}.bucket-item-header{gap:.8rem}.bucket-item-icon{font-size:1.6rem;height:2rem;width:2rem}.bucket-item-category{font-size:.7rem;padding:.3rem .7rem;right:1rem;top:1.3rem}.bucket-item-footer{align-items:flex-start;flex-direction:column;gap:.5rem}.bucket-item-status{align-self:flex-end}}.guestbook-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8faf5f2,#f5faf8fa 50%,#faf8f5f2);border:2px solid #bfd8b84d;border-radius:40px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #bfd8b826,inset 0 1px 0 #ffffffe6;margin:4rem 5%;overflow:hidden;padding:6rem 5%;position:relative}.guestbook-section:before{background:radial-gradient(circle,#bfd8b833 0,#0000 70%);height:400px;left:-10%;top:-30%;width:400px}.guestbook-section:after,.guestbook-section:before{border-radius:50%;content:"";position:absolute;z-index:0}.guestbook-section:after{background:radial-gradient(circle,#a7e3c526 0,#0000 70%);bottom:-20%;height:350px;right:-10%;width:350px}.guestbook-section .section-content{padding:0;position:relative;z-index:1}.guestbook-section .section-title{color:#9fc0a3;color:var(--sage-green-dark);font-family:Indie Flower,cursive;font-size:2.2rem;margin-bottom:3rem;text-shadow:2px 2px 4px #9fc0a333}.guestbook-container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:1000px}.guestbook-image-wrapper{background:#ffffffe6;border:3px solid #bfd8b880;border-radius:20px;box-shadow:0 8px 24px #9fc0a340,0 4px 12px #0000001a;margin:0 auto;max-width:400px;overflow:hidden;padding:8px;width:100%}.guestbook-image{border-radius:15px;display:block;height:auto;width:100%}.guestbook-content{display:flex;flex-direction:column;gap:3rem}.guestbook-text{background:#ffffffd9;border:2px solid #bfd8b866;border-radius:20px;box-shadow:0 4px 16px #9fc0a326,inset 0 1px 0 #ffffffe6;color:#5a6b5a;padding:2.5rem;text-align:left}.guestbook-text,.guestbook-text p{letter-spacing:normal;line-height:1.85}.guestbook-text p{font-size:1rem;margin-bottom:1.5rem;overflow-wrap:break-word;padding-left:.5rem;position:relative;text-indent:0;word-break:keep-all}.guestbook-text p:first-line{text-indent:0}.guestbook-text p:not(.guestbook-intro):not(.guestbook-closing):before{color:#9fc0a366;content:"•";font-size:.8rem;left:-.3rem;position:absolute}.guestbook-text p:last-child{margin-bottom:0}.guestbook-intro{color:#9fc0a3;color:var(--sage-green-dark);font-size:1.15rem!important;font-weight:600;margin-bottom:2rem!important;padding-left:0!important;text-align:center}.guestbook-intro:before{display:none}.guestbook-closing{border-top:1px dashed #9fc0a34d;color:#6b7a6b;font-style:italic;line-height:2.2;margin-top:2rem!important;padding-left:0!important;padding-top:1.8rem;text-align:left}.guestbook-closing:before{display:none}.guestbook-form{background:#ffffffe6;border:2px solid #bfd8b866;border-radius:20px;box-shadow:0 4px 16px #9fc0a326,inset 0 1px 0 #ffffffe6;padding:2rem}.guestbook-form-title{align-items:center;color:#9fc0a3;color:var(--sage-green-dark);display:flex;font-family:Indie Flower,cursive;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.form-title-icon{font-size:1.5rem}.guestbook-form-content{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#6b7a6b;font-size:.9rem;font-weight:500;margin-left:.3rem}.form-input,.form-textarea{background:#fffffff2;border:2px solid #bfd8b866;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;color:#5a6b5a;font-family:Noto Sans KR,sans-serif;font-size:.95rem;padding:.9rem 1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#9fc0a399;box-shadow:0 0 0 3px #bfd8b81a,inset 0 2px 4px #0000000d;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#b8a082;opacity:.6}.form-textarea{line-height:1.6;min-height:120px;resize:vertical}.btn-guestbook-send{align-items:center;background:linear-gradient(135deg,#bfd8b84d,#a7e3c566);border:2px solid #bfd8b866;border-radius:12px;box-shadow:0 2px 8px #9fc0a326;color:#9fc0a3;color:var(--sage-green-dark);cursor:not-allowed;display:flex;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:600;gap:.6rem;justify-content:center;opacity:.5;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-guestbook-send.active{background:linear-gradient(135deg,#9fc0a3,#bfd8b8 50%,#9fc0a3);background:linear-gradient(135deg,var(--sage-green-dark) 0,var(--sage-green) 50%,var(--sage-green-dark) 100%);border-color:#9fc0a3;border-color:var(--sage-green-dark);box-shadow:0 4px 12px #9fc0a34d,0 2px 4px #0000001a;color:#fff;cursor:pointer;opacity:1}.btn-guestbook-send.active:hover{box-shadow:0 6px 16px #9fc0a366,0 2px 4px #00000026;transform:translateY(-2px)}.btn-guestbook-send.active:active{box-shadow:0 2px 8px #9fc0a34d,0 1px 2px #0000001a;transform:translateY(0)}.btn-icon{font-size:1.2rem}.slogan-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#bfd8b81a,#a7e3c51f 50%,#e8cfae14);border-radius:40px 40px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-top:4rem;overflow:hidden;padding:7rem 5%;position:relative}.slogan-section:before{background:radial-gradient(circle,#bfd8b833 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px;z-index:0}.slogan-section .section-content{position:relative;z-index:1}.slogan-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#bfd8b840 50%,#fffffffa);border:3px solid #bfd8b880;border-radius:24px;box-shadow:0 12px 48px #bfd8b847,0 6px 16px #0000001a,inset 0 1px 0 #fffffff2;margin:0 auto;max-width:950px;overflow:hidden;padding:4rem 5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.slogan-box:before{background:radial-gradient(circle,#bfd8b833 0,#0000 70%);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.slogan-box:hover{background:linear-gradient(135deg,#fffffffa,#bfd8b852 50%,#fffffffa);border-color:#bfd8b8a6;box-shadow:0 18px 60px #bfd8b866,0 8px 20px #00000026,inset 0 1px 0 #fffffffa;transform:translateY(-5px)}.slogan-box:hover:before{opacity:.7}.slogan-text{color:#3a3a3a;color:var(--text-dark);font-family:Noto Sans KR,sans-serif;font-size:1.35rem;font-weight:400;letter-spacing:.4px;line-height:2.2;margin:0;position:relative;text-align:center;text-shadow:0 1px 2px #00000005;z-index:1}.slogan-text:before{left:-24px;top:-12px}.slogan-text:after,.slogan-text:before{color:#bfd8b880;content:'"';font-family:Georgia,serif;font-size:4rem;font-weight:300;line-height:1;position:absolute;text-shadow:0 2px 4px #bfd8b833}.slogan-text:after{bottom:-45px;right:-24px}.footer{background:linear-gradient(135deg,#9fc0a3,#bfd8b8 50%,#a7e3c5);background:linear-gradient(135deg,var(--sage-green-dark) 0,var(--sage-green) 50%,var(--mint-green) 100%);color:#fff;margin-top:auto;padding:4rem 5%;text-align:center}.footer-text{font-size:.9rem;margin:0 0 2rem;opacity:.9}.footer-contacts{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.footer-contact-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:2px solid #fff6;border-radius:30px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:.8rem;padding:.9rem 1.8rem;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.footer-contact-item:hover{background:#fff3;border-color:#fff9;box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.footer-icon{align-items:center;color:inherit;display:inline-flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0;font-size:1.2rem}@media (max-width:1024px){.hero{min-height:80vh}.hero-content{padding:2.5rem 5% 3rem}.title-main{font-size:4.5rem}.hero-slogan{font-size:1.4rem}.badge-text{font-size:.9rem;letter-spacing:.3px;padding:.75rem 1.6rem}.badge-text:before{font-size:1rem}.profile-grid{gap:3rem;grid-template-columns:repeat(2,1fr)}.profile-image-circle{height:200px;width:200px}.services-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.service-card{padding:2rem 1.5rem}.service-logo{min-height:100px}.service-logo-img{max-height:100px;max-width:100px}.service-icon-large{font-size:3.5rem}.portfolio-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.portfolio-card{padding:2rem 1.5rem}.status-bar{gap:.5rem}.status-badge{font-size:.8rem;padding:.4rem .8rem}.recruitment-container{gap:2rem;grid-template-columns:250px 1fr;padding:2.5rem}.recruitment-photo{height:180px;width:180px}.musician-thumbnails{grid-template-columns:repeat(4,1fr)}.musician-profile-card{flex-direction:column;text-align:center}.band-support-container{gap:3rem;grid-template-columns:1fr 350px}.slogan-box{padding:3rem 3.5rem}.slogan-text{font-size:1.2rem;line-height:2}.slogan-text:before{font-size:2.5rem;left:-15px;top:-5px}.slogan-text:after{bottom:-30px;font-size:2.5rem;right:-15px}section{padding:4rem 5%}}@media (max-width:768px){.main,body,html{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overscroll-behavior-y:none;touch-action:pan-y}.main{padding-top:70px;will-change:scroll-position}.header,.main{transform:translateZ(0);-webkit-transform:translateZ(0)}.header{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 0 20px 20px;flex-direction:row;gap:1rem;justify-content:space-between;left:0!important;padding:1rem 5%;position:fixed!important;right:0!important;top:0!important;will-change:transform}.logo{flex-shrink:0;font-size:1.4rem}.logo img{height:45px}.mobile-menu-toggle{display:block}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #bfd8b833;box-shadow:-4px 0 30px #0000001a;flex-direction:column;gap:0;height:100vh;overflow-y:auto;padding:5rem 0 2rem;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.nav.nav-open{right:0}.nav-link{animation:slideInRight .4s ease forwards;border-bottom:1px solid #bfd8b81a;display:block;font-size:1rem;opacity:0;padding:1.2rem 2rem;position:relative;text-align:left;transform:translateX(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);transition:var(--transition-smooth)}.nav-link:first-child{animation-delay:.1s}.nav-link:nth-child(2){animation-delay:.15s}.nav-link:nth-child(3){animation-delay:.2s}.nav-link:nth-child(4){animation-delay:.25s}.nav-link:nth-child(5){animation-delay:.3s}.nav.nav-open .nav-link{opacity:1;transform:translateX(0)}.nav-link:active,.nav-link:hover{background:#bfd8b826;color:#9fc0a3;color:var(--sage-green-dark);padding-left:2.5rem}.nav-link:active{background:#bfd8b833}.nav-link-divider-right:before,.nav-link:after{display:none}.mobile-menu-overlay{box-shadow:0 2px 20px #bfd8b81a,0 1px 3px #0000000d;display:block;height:100vh;width:100vw}.hero{min-height:75vh}.hero-content{padding:2rem 5% 2.5rem}.title-main{font-size:3rem}.title-subtitle{font-size:1.3rem}.hero-slogan{font-size:1.1rem}.badge-text{font-size:.8rem;letter-spacing:.2px;padding:.65rem 1.3rem}.badge-text:before{font-size:.9rem}.guestbook-section{margin:1.5rem 2%;padding:2.5rem 3%}.guestbook-section .section-title{font-size:1.5rem;margin-bottom:2rem}.guestbook-image-wrapper{padding:6px}.guestbook-text{font-size:.95rem;padding:1.5rem 1rem}.guestbook-text p{font-size:.95rem;line-height:1.8}.guestbook-intro{font-size:1.05rem!important}.guestbook-form{padding:1.2rem}.guestbook-form-title{font-size:1rem}.form-input,.form-textarea{font-size:.9rem;padding:.8rem .9rem}.btn-guestbook-send{font-size:.95rem;padding:.9rem 1.5rem}.btn-icon{font-size:1.1rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.about-intro{font-size:1.1rem;line-height:1.9;padding:1.5rem 0}.mobile-break{display:block}.activity-grid,.recruitment-container{grid-template-columns:1fr}.recruitment-container{gap:2rem;padding:2rem}.recruitment-left{order:1}.recruitment-right{order:2}.recruitment-photo{height:150px;width:150px}.recruitment-principles{gap:.8rem;margin-top:1.5rem}.recruitment-principle-card{gap:.7rem;padding:1rem 1.2rem}.recruitment-principle-card .principle-icon{font-size:1.2rem}.recruitment-principle-card .principle-text{font-size:.9rem}.education-main-box{margin-bottom:.2rem;padding:.55rem 1rem}.education-main-title{font-size:.9rem;letter-spacing:-.15px}.career-main-box{margin-bottom:.5rem;padding:.55rem 1rem}.career-main-title{font-size:.9rem;letter-spacing:-.15px}.recruitment-footer{gap:1.5rem;margin-top:3rem}.recruitment-quote{font-size:1.1rem;padding:0 1rem}.recruitment-quote:after,.recruitment-quote:before{font-size:2rem}.btn-recruitment{font-size:1rem;padding:1.2rem 3rem}.transition-section{border-radius:30px;margin:2rem 3%;padding:3rem 5%}.transition-clovers{gap:1.5rem}.transition-clover{font-size:1.5rem}.transition-text{font-size:1.1rem;line-height:1.7}.dion-profile{border-radius:30px;margin:2rem 3%}.profile-grid{gap:3rem;grid-template-columns:1fr}.profile-image-circle{height:220px;width:220px}.available-services{border-radius:30px;margin:2rem 3%}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem 1.5rem}.service-name{font-size:1.6rem}.service-description{font-size:.95rem;min-height:auto}.service-download-buttons{flex-direction:column}.btn-download{width:100%}.portfolio-grid{gap:1.5rem;grid-template-columns:1fr}.outsource-card,.portfolio-card{padding:2rem 1.5rem}.wally-download-buttons{flex-direction:column;gap:.7rem;margin-top:1.8rem}.wally-download-buttons .btn-download{max-width:100%;width:100%}.status-bar{align-items:center;flex-direction:column}.status-badge{text-align:center;width:100%}.musician-thumbnails{grid-template-columns:repeat(2,1fr)}.musician-profile-card{flex-direction:column;padding:2rem}.profile-image-wrapper{height:150px;width:150px}.band-support,.developer-activity,.exercise-activity,.musician-activity,.team-recruitment,.travel-activity{border-radius:30px;margin:2rem 3%;padding:3rem 5%}.exercise-images{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.exercise-image-item{aspect-ratio:4/3;border-radius:12px}.exercise-image-badge{font-size:.75rem;padding:.4rem .8rem;right:8px;top:8px}.exercise-image-special{border-width:2px}.travel-images{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.exercise-letter,.travel-message{padding:2rem 1.5rem}.letter-text,.message-text{font-size:.95rem;line-height:1.8}.band-support-container{gap:2rem;grid-template-columns:1fr}.band-support-images{margin:0 auto;max-width:400px;order:-1;position:static}.band-support-image{width:100%}.band-support-content{gap:1.5rem}.band-support-info{order:1;padding:1.5rem}.band-support-text{order:2;padding:1.5rem}.guestbook-section{margin:2rem 3%;padding:3rem 4%}.guestbook-section .section-title{font-size:1.8rem}.guestbook-image-wrapper{max-width:100%}.guestbook-text{padding:2rem 1.5rem}.guestbook-form{padding:1.5rem}.guestbook-form-title{font-size:1.1rem}.slogan-section{padding:4rem 5%}.slogan-box{border-radius:20px;padding:2.5rem 2rem}.slogan-text{font-size:1.1rem;line-height:1.9}.slogan-text:before{font-size:2rem;left:-10px;top:-5px}.slogan-text:after{bottom:-25px;font-size:2rem;right:-10px}.footer-contacts{flex-direction:column;gap:1rem}.footer-contact-item{justify-content:center;max-width:300px;width:100%}.recruitment-principles{gap:.7rem;margin-top:1.2rem}.recruitment-principle-card{gap:.6rem;padding:.9rem 1rem}.recruitment-principle-card .principle-icon{font-size:1.1rem}.recruitment-principle-card .principle-text{font-size:.85rem;line-height:1.4}.education-main-box{margin-bottom:.15rem;padding:.5rem .95rem}.education-main-title{font-size:.85rem;letter-spacing:-.1px}.career-main-box{margin-bottom:.4rem;padding:.5rem .95rem}.career-main-title{font-size:.85rem;letter-spacing:-.1px}section{contain:layout style paint;padding:3rem 5%;will-change:auto}}@media (max-width:480px){.main{padding-top:65px}.header{left:0!important;padding:.8rem 4%;position:fixed!important;right:0!important;top:0!important}.logo{flex-shrink:0;font-size:1.2rem}.logo img{height:38px}.nav{padding:4.5rem 0 2rem;width:260px}.mobile-menu-overlay{box-shadow:0 2px 20px #bfd8b81a,0 1px 3px #0000000d;height:100vh;width:100vw}.nav-link{font-size:.95rem;padding:1rem 1.5rem}.title-main{font-size:2.5rem}.hero-slogan{font-size:1rem}.badge-text{font-size:.75rem;letter-spacing:.15px;padding:.6rem 1.1rem}.badge-text:before{font-size:.85rem}.section-title{font-size:1.8rem}.musician-thumbnails{grid-template-columns:1fr}.card-buttons{flex-direction:column}.btn-detail,.btn-github{width:100%}.recruitment-principles{gap:.6rem;margin-top:1rem}.recruitment-principle-card{border-radius:10px;gap:.55rem;padding:.85rem .9rem}.recruitment-principle-card .principle-icon{font-size:1rem}.recruitment-principle-card .principle-text{font-size:.8rem;line-height:1.35}.band-support{padding:2rem 4%}.band-support .subsection-title{font-size:1.5rem}.band-text-item{font-size:1rem}.band-support-info{padding:2rem 1.5rem}.band-name{font-size:1.3rem}.slogan-box{border-radius:18px;padding:2rem 1.5rem}.slogan-text{font-size:1rem;line-height:1.8}.slogan-text:before{font-size:1.8rem;left:-8px;top:-3px}.slogan-text:after{bottom:-20px;font-size:1.8rem;right:-8px}.footer{padding:2rem 5%}.footer-contact-item{font-size:.9rem;padding:.7rem 1.2rem}.tech-stack-grid{gap:.6rem!important;grid-template-columns:repeat(3,1fr)!important}.tech-stack-item{aspect-ratio:1/1!important;box-sizing:border-box!important;flex:0 0 auto!important;flex-direction:column!important;grid-column:span 1!important;height:auto!important;max-width:100%!important;min-height:0!important;min-width:0!important;overflow:hidden!important;padding:.7rem .3rem!important;width:100%!important}.tech-stack-icon,.tech-stack-item{align-items:center!important;display:flex!important;justify-content:center!important}.tech-stack-icon{flex-grow:0!important;flex-shrink:0!important;font-size:1.8rem!important;height:1.8rem!important;margin-bottom:.3rem!important;max-height:1.8rem!important;max-width:1.8rem!important;min-height:1.8rem!important;min-width:1.8rem!important;width:1.8rem!important}.tech-stack-name{display:block!important;flex:0 1 auto!important;font-size:.65rem!important;-webkit-hyphens:auto!important;hyphens:auto!important;line-height:1.2!important;margin:0!important;max-width:100%!important;min-height:0!important;overflow:hidden!important;overflow-wrap:break-word!important;padding:0!important;text-align:center!important;width:100%!important;word-break:break-word!important}}.youtube-section{background-color:#fff;border-radius:50px;margin:2rem 0;padding:3rem 5%;position:relative}.music-section{background:linear-gradient(135deg,#fffffff2,#b8a08214 50%,#fffffff2);border:1px solid #b8a0821a}.travel-section{background:linear-gradient(135deg,#fffffff2,#b8a0821f 50%,#fffffff2);border:1px solid #b8a08226}.youtube-section .section-title{display:none}.youtube-section .subsection-title{color:var(--music-primary);display:inline-block;font-family:Noto Sans KR,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:-.3px;margin-bottom:2.5rem;margin-top:0;padding-bottom:.8rem;position:relative}.youtube-section .subsection-title:after{background:linear-gradient(90deg,var(--music-primary) 0,var(--music-secondary) 100%);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.youtube-videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem}.youtube-video-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #b8a0821f;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.youtube-video-card:before{background:linear-gradient(90deg,var(--music-primary) 0,var(--music-secondary) 100%);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%;z-index:1}.youtube-video-card:hover{border-color:var(--music-accent);box-shadow:0 12px 40px #b8a08240;transform:translateY(-8px)}.youtube-video-card:hover:before{transform:scaleX(1)}.video-thumbnail-container{background:#f0f0f0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-thumbnail{object-fit:cover}.video-overlay,.video-thumbnail{height:100%;left:0;position:absolute;top:0;width:100%}.video-overlay{align-items:center;background:#0000004d;display:flex;justify-content:center;opacity:0;transition:opacity .3s ease}.youtube-video-card:hover .video-overlay{opacity:1}.play-button{align-items:center;background:#fffffff2;border-radius:50%;box-shadow:0 4px 15px #b8a0824d;color:var(--music-primary);display:flex;font-size:1.5rem;height:60px;justify-content:center;transform:scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.youtube-video-card:hover .play-button{box-shadow:0 6px 20px #b8a08266;transform:scale(1.1)}.video-info{padding:1.2rem}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-dark);display:-webkit-box;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.8rem;min-height:2.8rem;overflow:hidden;text-overflow:ellipsis}.video-meta{color:var(--text-light);display:flex;flex-direction:column;font-size:.85rem;gap:.4rem}.video-date,.video-stats{align-items:center;display:flex;gap:.3rem}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:3rem}.page-btn{background:#fff;border:2px solid var(--sage-green);border-radius:25px;color:var(--sage-green);cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:var(--sage-green);box-shadow:0 5px 15px #bfd8b84d;color:#fff;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background:var(--sage-green);box-shadow:0 3px 10px #bfd8b84d;color:#fff}.page-ellipsis{color:var(--text-light);padding:0 .5rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #bfd8b833;border-radius:50%;border-top:4px solid var(--sage-green);height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container p{color:var(--text-light);font-size:1rem;margin:.5rem 0}.loading-hint{font-size:.9rem;opacity:.7}.no-videos{color:var(--text-light);padding:4rem 2rem;text-align:center}.no-videos-hint{font-size:.9rem;margin-top:.5rem;opacity:.7}.retry-button{background:var(--sage-green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.8rem 2rem;transition:all .3s ease}.retry-button:hover{background:var(--mint-green);box-shadow:0 5px 15px #bfd8b84d;transform:translateY(-2px)}@media (max-width:1024px){.youtube-videos-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.youtube-section{border-radius:30px;margin:1.5rem 0;padding:2.5rem 5%}.youtube-videos-grid{gap:1.2rem;grid-template-columns:repeat(2,1fr)}.video-title{font-size:.9rem;min-height:2.5rem}.video-meta{font-size:.8rem}.pagination{gap:.3rem}.page-btn{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.youtube-videos-grid{grid-template-columns:1fr}.pagination{gap:.2rem}.page-btn{font-size:.8rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.18d22d9e.css.map*/