:root{
  --navy:#0b1f3a;
  --navy-deep:#07172c;
  --red:#e53935;
  --amber:#f5b731;
  --ivory:#f8f4ea;
  --paper:#fffdf9;
  --line:#dfe6ec;
  --muted:#607086;
  --shadow:0 24px 60px rgba(11,31,58,.13);
}
html{scroll-behavior:smooth}
body.subpage{font-family:"Noto Sans KR","Pretendard",sans-serif!important;color:var(--navy);background:var(--paper)!important;font-size:16px}
.subpage>header{background:rgba(7,23,44,.97)!important;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 34px rgba(5,20,39,.18)!important;backdrop-filter:blur(14px)}
.subpage>header>div{width:min(100% - 40px,1180px)!important;max-width:1180px!important;height:82px!important;margin-inline:auto!important;padding-inline:0!important}
.subpage>header a>div{padding:0!important;border-radius:0!important;background:transparent!important}
.subpage>header img{height:39px!important;filter:brightness(0) invert(1);opacity:1}
.subpage>header nav{gap:18px!important}.subpage>header nav>a:first-child{color:rgba(255,255,255,.76)!important;font-size:14px!important;font-weight:700!important}.subpage>header nav>a:first-child:hover{color:#fff!important}
.subpage .orange-btn{border-radius:999px!important;padding:11px 18px!important;color:#fff!important;background:linear-gradient(135deg,var(--red),#f06437)!important;box-shadow:0 10px 26px rgba(229,57,53,.25)}

.about-page main>section:first-child{position:relative;overflow:hidden;padding-block:86px!important;background:radial-gradient(circle at 82% 18%,rgba(49,97,143,.58),transparent 34%),linear-gradient(135deg,var(--navy-deep),#12385f)!important}
.about-page main>section:first-child:after{content:"";position:absolute;right:-90px;bottom:-150px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(245,183,49,.24),rgba(229,57,53,.08) 48%,transparent 70%)}
.about-page main>section:first-child>div{position:relative;z-index:1;max-width:900px!important;gap:42px!important}
.profile-portrait{width:180px;height:180px;overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:28px;background:#e8eef3;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.profile-portrait img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-page main section:not(:first-child){padding-block:82px!important}.about-page main section:nth-child(even){background:#fff}.about-page main section:nth-child(odd):not(:first-child){background:var(--ivory)!important}
.subpage h1,.subpage h2,.subpage h3{letter-spacing:-.035em}.subpage h2{color:var(--navy)!important}.about-page h2{font-size:clamp(29px,3vw,40px)!important}
.about-page .bg-white.rounded-2xl,.contact-page .bg-white.rounded-2xl{border-color:rgba(11,31,58,.09)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(11,31,58,.06)!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.about-page .bg-white.rounded-2xl:hover{transform:translateY(-5px);border-color:rgba(229,57,53,.2)!important;box-shadow:0 20px 44px rgba(11,31,58,.11)!important}

.contact-page main{position:relative;padding-block:88px!important;background:radial-gradient(circle at 82% 5%,rgba(245,183,49,.18),transparent 24%),linear-gradient(180deg,#eef3f7 0%,var(--ivory) 100%)!important}
.contact-page main>div{max-width:780px!important}.contact-page main h1{font-size:clamp(34px,4vw,48px)!important;color:var(--navy)!important}.contact-page main>.max-w-3xl>div:first-child p{color:#5d6e82!important;line-height:1.75}.contact-page form{padding:4px}.contact-page input,.contact-page select,.contact-page textarea{border-color:#d8e0e7!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}.contact-page input:focus,.contact-page select:focus,.contact-page textarea:focus{border-color:var(--red)!important;box-shadow:0 0 0 4px rgba(229,57,53,.11)!important}.contact-page form button[type="submit"]{background:linear-gradient(135deg,var(--red),#f06437)!important;box-shadow:0 14px 32px rgba(229,57,53,.25);transition:transform .2s,box-shadow .2s}.contact-page form button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(229,57,53,.33)}

.subpage>footer{padding-block:54px 24px!important;background:var(--navy-deep)!important}.subpage>footer>div{max-width:1180px!important}.subpage>footer img{max-width:170px}.subpage>footer a:hover{color:#ffca55!important}
@media(max-width:640px){.subpage>header>div{width:min(100% - 28px,560px)!important;height:70px!important}.subpage>header img{height:31px!important}.subpage>header nav{gap:10px!important}.subpage>header nav>a:first-child{font-size:12px!important}.subpage .orange-btn{padding:9px 12px!important;font-size:13px!important}.about-page main>section:first-child{padding-block:62px!important}.profile-portrait{width:145px;height:145px;border-radius:24px}.about-page main>section:first-child>div{text-align:center}.about-page main>section:first-child>div>div:last-child>div{justify-content:center}.about-page main section:not(:first-child){padding-block:62px!important}.contact-page main{padding-block:62px!important}.contact-page main .bg-white.rounded-2xl{padding:24px!important}}