/* BAYU Revisi 08 — background support elements */
.feature-bg-decor .slide{overflow:hidden;position:relative;isolation:isolate}
.feature-bg-decor .slide::before,
.feature-bg-decor .slide::after{content:"";position:absolute;pointer-events:none;z-index:0;opacity:.95}
.feature-bg-decor .stage,.feature-bg-decor .nav-container{position:relative;z-index:1}
/* soft corner accent */
.feature-bg-decor .slide::before{inset:auto auto 6% -28px;width:132px;height:132px;border-radius:28px;border:1px solid rgba(91,192,255,.18);background:linear-gradient(180deg,rgba(24,95,154,.12),rgba(5,25,44,0));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transform:rotate(18deg)}
/* dot cluster using radial gradients */
.feature-bg-decor .slide::after{top:10%;right:4.2%;width:120px;height:120px;background:
radial-gradient(circle, rgba(111,210,255,.42) 0 2px, transparent 2.3px) 0 0/18px 18px,
radial-gradient(circle at center, rgba(18,116,179,.18), rgba(18,116,179,0) 68%);
mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.45));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.45));border-radius:24px}
/* different placement per section group for more natural feel */
.feature-bg-decor .slide-about::before,.feature-bg-decor .slide-education::before,.feature-bg-decor .slide-contact::before{left:auto;right:-26px;bottom:8%;transform:rotate(-18deg)}
.feature-bg-decor .slide-project::before,.feature-bg-decor .slide-gallery::before{bottom:9%;left:-34px;width:118px;height:118px}
.feature-bg-decor .slide-work::after{top:auto;bottom:14%;right:5%;width:106px;height:106px}
.feature-bg-decor .slide-skills::after{top:15%;right:3%;width:136px;height:136px}
.feature-bg-decor .slide-contact::after{top:14%;right:7%;width:95px;height:95px}
/* subtle line ornaments */
.feature-bg-decor .slide-home{background-image:radial-gradient(circle at 16% 42%,#082845 0%,transparent 46%),linear-gradient(108deg,#061e34,#061a2e 73%),linear-gradient(90deg,transparent calc(100% - 1px), rgba(110,206,255,.06) 0),linear-gradient(180deg,transparent calc(100% - 1px), rgba(110,206,255,.04) 0);background-size:auto,auto,100% 100%,100% 100%}
/* keep elements subtle on mobile */
@media(max-width:900px){
.feature-bg-decor .slide::before{width:92px;height:92px;left:-18px;bottom:5%}
.feature-bg-decor .slide::after{width:82px;height:82px;right:2%;top:11%;background:radial-gradient(circle, rgba(111,210,255,.38) 0 1.6px, transparent 1.9px) 0 0/15px 15px, radial-gradient(circle at center, rgba(18,116,179,.14), rgba(18,116,179,0) 66%)}
}
@media(max-width:600px){
.feature-bg-decor .slide::before{width:70px;height:70px;border-radius:20px;opacity:.72}
.feature-bg-decor .slide::after{width:56px;height:56px;opacity:.78}
}