.fpb-banner{width:100%;padding:80px 20px;background-color:rgba(23,0,93,.845);color:#fff;overflow:hidden;position:relative}.fpb-banner .bannerPro{height:300%;width:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:-1;filter:blur(3px)}.fpb-banner#themeColor{background:linear-gradient(rgba(85,23,255,.733));border-radius:0 0 30px 30px;box-shadow:0 0 5px 6px rgba(16,0,53,.062)}.fpb-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:auto auto;gap:40px;justify-content:space-between;place-items:center}.fpb-title{font-weight:800;font-size:clamp(32px,4vw,54px);line-height:1.1}.fpb-inner .fpb-highlight{color:#ffe414}#themeColor .fpb-inner .fpb-highlight,#themeColor .fpb-subtitle,#themeColor .fpb-title{color:#fff}#themeColor .fpb-tags span{background:rgba(255,236,243,.822);color:#000}.fpb-subtitle{margin-top:16px;font-size:17px;color:#cbd5f5;max-width:520px}.fpb-tags{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}.fpb-tags span{padding:8px 14px;border-radius:999px;font-size:14px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(6px)}.fpb-visual{display:grid;place-items:center;gap:10px;width:100%;max-width:300px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fpb-visual img{object-fit:cover}.fpb-visual .fpb-skill{border-radius:10px;text-wrap:nowrap;width:200px;aspect-ratio:4/3;rotate:5deg}.fpb-visual.anim .fpb-skill{animation:rotateFlash 10s linear 2s infinite;animation-delay:calc(.5s*var(--i))}@keyframes rotateFlash{5%{transform:translateY(-5px)}7%,to{transform:translateY(0)}}.fpb-visual .fpb-skill.s1{background-color:#6a00ff}.fpb-visual .fpb-skill.s2{background-color:#4502a3}.fpb-visual .fpb-skill.s3{background-color:#ff0059}.fpb-visual .fpb-skill.s4{background-color:#00a86d}.fpb-visual .fpb-avatar{overflow:hidden;height:100%;background:#fff;border:2px solid hsla(0,0%,100%,.4);box-shadow:0 12px 30px rgba(0,0,0,.15);border-radius:20px}.fpb-visual .fpb-avatar img{width:100%;height:100%;object-fit:cover;user-select:none}.fpb-avatar:hover span{opacity:1}@media (max-width:1000px){.fpb-inner{grid-template-columns:1fr;text-align:center}.fpb-tags{justify-content:center}.fpb-visual{display:none}}@media (max-width:600px){.fpb-banner{padding:60px 10px}.fpb-title{font-size:35px}.fpb-subtitle{font-size:15px}.fpb-inner .fpb-visual{display:none!important}}