:root{--talenta:#a3e635;--talenta-dark:#6ea818;--talenta-glow:#a3e63566;--utbk:#2ec4b6;--utbk-dark:#1a9e92;--utbk-glow:#2ec4b666;--glass-bg:#080e268f;--glass-border:#ffffff17;--glass-hover:#080e26c2;--text-primary:#fffffff2;--text-secondary:#ffffff94;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-body);color:var(--text-primary);overflow-x:hidden}.bg-slideshow{z-index:0;position:fixed;inset:0}.bg-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.8s ease-in-out;animation:18s ease-in-out infinite alternate slowzoom;position:absolute;inset:0}.bg-slide.active{opacity:1}@keyframes slowzoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.bg-overlay{z-index:1;background:linear-gradient(155deg,#030718de 0%,#060e2ecc 50%,#030718de 100%);position:fixed;inset:0}.layout-container{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.layout-body{flex-direction:row;flex:1;align-items:stretch;gap:20px;min-height:calc(100vh - 52px);padding:36px 44px;display:flex;position:relative}.logo-backdrop{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-backdrop-img{object-fit:contain;mix-blend-mode:screen;opacity:.22;filter:brightness(1.4)saturate(1.1);width:520px;height:520px}.split-section{z-index:3;flex:1;justify-content:center;align-items:stretch;transition:flex .55s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.content-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);text-align:center;border-radius:28px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;width:100%;max-width:460px;padding:32px 34px 30px;transition:transform .4s,box-shadow .4s,border-color .35s,background .35s;display:flex}.content-card .btn{margin-top:auto}.card-talenta{border-color:#a3e6352e;box-shadow:0 8px 40px #a3e63514}.card-utbk{border-color:#2ec4b62e;box-shadow:0 8px 40px #2ec4b614}.card-talenta:has(.btn:hover){background:#82d21e1a;border-color:#a3e6358c;box-shadow:0 0 32px #a3e63540,0 0 80px #a3e6351f,inset 0 0 40px #a3e6350f}.card-utbk:has(.btn:hover){background:#1ec4b61a;border-color:#2ec4b68c;box-shadow:0 0 32px #2ec4b640,0 0 80px #2ec4b61f,inset 0 0 40px #2ec4b60f}.card-badge{letter-spacing:1.4px;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:5px 13px;font-size:.66rem;font-weight:700;display:inline-flex}.badge-talenta{color:var(--talenta);background:#a3e6351f;border:1px solid #a3e63547}.badge-utbk{color:var(--utbk);background:#2ec4b61f;border:1px solid #2ec4b647}.card-image-wrap{flex-shrink:0;width:100%;max-width:255px;transition:transform .45s cubic-bezier(.175,.885,.32,1.275)}.card-image{object-fit:contain;filter:drop-shadow(0 6px 24px #00000061)brightness(1.04)saturate(1.1);width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(90% 88% at 50% 52%,#000 36%,#000000d1 54%,#00000059 72%,#0000 100%);mask-image:radial-gradient(90% 88% at 50% 52%,#000 36%,#000000d1 54%,#00000059 72%,#0000 100%)}.card-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.4px;font-size:1.85rem;font-weight:800;line-height:1.2}.card-title-amp{color:#ffffff6b;font-size:1.2rem;font-weight:500}.accent-talenta{color:var(--talenta)}.accent-utbk{color:var(--utbk)}.card-desc{color:var(--text-secondary);max-width:370px;font-size:.875rem;line-height:1.65}.sub-jalur-grid{flex-wrap:wrap;justify-content:center;gap:7px;width:100%;display:flex}.sub-jalur{background:#a3e63517;border:1px solid #a3e63533;border-radius:10px;align-items:center;gap:5px;padding:5px 11px;transition:background .25s,border-color .25s;display:flex}.sub-jalur-icon{font-size:.88rem;line-height:1}.sub-jalur-label{color:#fffc;white-space:nowrap;font-size:.73rem;font-weight:600}.feature-list{text-align:left;flex-direction:column;gap:8px;width:100%;list-style:none;display:flex}.feature-item{color:#ffffffc7;align-items:flex-start;gap:10px;font-size:.835rem;font-weight:500;line-height:1.45;display:flex}.feature-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.dot-talenta{background:var(--talenta);box-shadow:0 0 6px var(--talenta-glow)}.dot-utbk{background:var(--utbk);box-shadow:0 0 6px var(--utbk-glow)}.btn{font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;margin-top:4px;padding:13px 40px;font-size:1.05rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .28s,box-shadow .28s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff2e 50%,#0000 60%);transition:transform .55s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn:hover{transform:translateY(-3px)}.btn-talenta{background:linear-gradient(135deg,#a3e635 0%,#6ea818 100%);box-shadow:0 4px 20px #a3e63540,inset 0 1px #ffffff26}.btn-talenta:hover{box-shadow:0 10px 36px #a3e63573,inset 0 1px #ffffff26}.btn-utbk{background:linear-gradient(135deg,#2ec4b6 0%,#1a9e92 100%);box-shadow:0 4px 20px #2ec4b640,inset 0 1px #ffffff26}.btn-utbk:hover{box-shadow:0 10px 36px #2ec4b673,inset 0 1px #ffffff26}.layout-footer{-webkit-backdrop-filter:blur(20px);background:#030718d9;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;padding:12px 32px;display:flex}.footer-inner{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.footer-contact{color:#ffffff61;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.74rem;display:flex}.footer-name{color:#ffffff8c;font-weight:600}.footer-sep{opacity:.25}.footer-contact a{color:#ffffff8c;text-decoration:none;transition:color .2s}.footer-contact a:hover{color:#fff}.footer-social{align-items:center;gap:14px;display:flex}.social-link{color:#ffffff4d;align-items:center;line-height:1;text-decoration:none;transition:color .2s,transform .2s;display:flex}.social-link:hover{color:#ffffffd9;transform:translateY(-2px)}@media (width<=1024px){.layout-body{gap:18px;padding:26px 24px}.content-card{gap:12px;padding:26px 24px}.card-title{font-size:1.65rem}.card-image-wrap{max-width:220px}.logo-backdrop-img{width:400px;height:400px}}@media (width<=768px){.layout-body{min-height:unset;flex-direction:column;align-items:center;gap:18px;padding:20px 16px 32px}.split-section{flex:unset;align-items:center;width:100%;max-width:480px}.content-card .btn{margin-top:4px}.logo-backdrop{top:unset;left:unset;order:-1;justify-content:center;margin:0;display:flex;position:relative;transform:none}.logo-backdrop-img{opacity:.6;width:300px;height:300px}.content-card{border-radius:22px;gap:11px;padding:24px 20px 22px}.card-title{font-size:1.55rem}.card-desc{font-size:.84rem}.card-image-wrap{max-width:210px}.feature-item{font-size:.81rem}.btn{padding:13px 36px;font-size:.88rem}}@media (width<=480px){.layout-body{padding:14px 12px 28px}.content-card{border-radius:20px;gap:10px;padding:20px 16px 18px}.card-title{font-size:1.4rem}.card-desc{font-size:.8rem}.card-image-wrap{max-width:180px}.feature-item{font-size:.77rem}.feature-list{gap:7px}.sub-jalur-label{font-size:.69rem}.btn{padding:12px 28px;font-size:.85rem}.footer-inner{gap:5px;font-size:.7rem}.logo-backdrop-img{width:260px;height:260px}}@media (height<=520px) and (orientation:landscape){.layout-body{gap:14px;padding:12px 24px}.content-card{border-radius:16px;gap:7px;padding:14px 18px}.card-image-wrap{max-width:120px}.card-title{font-size:1.25rem}.card-desc{font-size:.74rem}.feature-item{font-size:.73rem}.feature-list{gap:5px}.sub-jalur-label{font-size:.67rem}.btn{padding:10px 22px;font-size:.82rem}.logo-backdrop-img{width:240px;height:240px}}