:root{--po-purple:#581C87;--po-bright:#9333EA;--po-gold:#EAB308;--po-ink:#21152d;--po-muted:#716779;--po-line:#e9e1ef;--po-soft:#f7f3fb;--po-night:#180b27}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Inter,"Segoe UI",sans-serif;color:var(--po-ink);background:#fff}.po-site h1,.po-site h2,.po-site h3,.po-footer h2{font-family:Inter,"Segoe UI",sans-serif;letter-spacing:-.055em;font-weight:650;color:inherit;line-height:1.12}.po-site p{line-height:1.8}.po-site a,.po-header a,.po-footer a{text-decoration:none}.po-site em{font-style:normal;color:var(--po-bright)}.po-container{width:min(1260px,calc(100% - 96px));margin-inline:auto}.po-section{padding:100px 0}.po-section-lilac{background:var(--po-soft)}.po-section-dark{background:var(--po-night);color:#fff}.po-site h2{font-size:clamp(32px,3.5vw,50px);margin:0 0 24px}.po-site h3{font-size:25px;margin:0 0 16px}.po-eyebrow{font-size:11px!important;font-weight:750;letter-spacing:.18em;line-height:1.6!important;color:var(--po-purple);margin:0 0 22px;text-transform:uppercase}.po-header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--po-line);box-shadow:0 8px 30px #1c0c2e05}.po-nav-shell{height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.po-brand{display:inline-flex;align-items:center;gap:11px;color:var(--po-purple)!important;white-space:nowrap;font-weight:800;font-size:17px;line-height:1.2;letter-spacing:-.04em}.po-brand img{object-fit:contain;width:48px;height:48px}.po-brand-dot{color:var(--po-bright)}.po-brand small{display:block;font-size:8px;letter-spacing:.23em;margin-top:5px;font-weight:600;color:var(--po-muted)}.po-nav{display:flex;align-items:center;gap:28px}.po-nav>a{font-size:13px;font-weight:600;color:#675b70;transition:color .2s}.po-nav>a:hover,.po-nav>a.is-active{color:var(--po-bright)}.po-btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;border-radius:10px;font-size:13px;font-weight:700;line-height:1.3;transition:transform .2s,box-shadow .2s;min-height:52px}.po-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #581c8720}.po-btn-gold{background:var(--po-gold);color:#281a04!important}.po-btn-purple{background:var(--po-purple);color:white!important}.po-btn-glass{background:#ffffff0d;border:1px solid #ffffff40;color:white!important;backdrop-filter:blur(8px)}.po-btn-outline{border:1px solid #ffffff50;color:white!important}.po-btn-small{padding:13px 18px;min-height:44px}.po-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.po-nav-toggle{display:none}.po-skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;color:#581c87}.po-skip:focus{top:10px;z-index:100}.po-hero{position:relative;isolation:isolate;color:white;background:#160e21;overflow:hidden;min-height:740px}.po-hero-image,.po-hero-shade{position:absolute;inset:0;z-index:-1}.po-hero-image{background:url('/pemilihan_website/static/src/img/church-hero.webp') 60% center/cover no-repeat}.po-hero-shade{background:linear-gradient(90deg,rgba(20,8,35,.96) 0%,rgba(27,10,45,.84) 36%,rgba(24,10,40,.18) 76%),linear-gradient(0deg,#180b2755,transparent 55%)}.po-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;min-height:740px;padding-block:75px}.po-hero-copy{max-width:730px}.po-hero .po-eyebrow{color:#e8d3fc;font-size:10px!important;display:flex;align-items:center;gap:10px}.po-dot{height:6px;width:6px;border-radius:50%;background:#EAB308;box-shadow:0 0 14px #eab308}.po-hero h1{font-size:clamp(47px,5.2vw,76px);font-weight:600;line-height:1.09;letter-spacing:-.06em;margin:0 0 27px}.po-hero h1 em{color:#eac76b}.po-hero-copy>p:not(.po-eyebrow){font-size:15px;max-width:500px;color:#d9cfdf;margin-bottom:32px;line-height:1.85}.po-hero-note{display:flex;gap:24px;margin-top:32px;color:#b9a8c9;font-size:8px;letter-spacing:.15em}.po-hero-note span:before{content:'✓';color:var(--po-gold);margin-right:7px}.po-process-panel{margin-top:270px;width:275px;flex-shrink:0;padding:24px;background:linear-gradient(120deg,#402558bd,#21162ac9);border:1px solid #f7dcff3b;border-radius:18px;backdrop-filter:blur(18px);box-shadow:0 22px 70px #0004}.po-panel-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.18em;color:#e4d5ef}.po-orbit{font-size:26px;color:#eac76b}.po-mini-step{display:flex;align-items:center;gap:13px;border-bottom:1px solid #fff2;padding:17px 0}.po-mini-step>span{font-size:10px;color:#ccadf0}.po-mini-step>div{font-size:14px;font-weight:600}.po-mini-step small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#c5b5d2}.po-mini-step b{margin-left:auto;font-size:17px;color:#e8cf91;font-weight:400}.po-process-panel>a{display:flex;justify-content:space-between;color:#e7cc80;font-size:10px;padding-top:17px}.po-hero-caption{position:absolute;bottom:22px;right:40px;font-size:7px;letter-spacing:.2em;color:#fff8}.po-service-strip{border-bottom:1px solid var(--po-line);background:#fcfafe}.po-service-strip>.po-container{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.po-service-strip span{font-size:9px;letter-spacing:.15em;color:#89768f}.po-service-strip strong{font-size:18px;color:#6c557a;letter-spacing:-.03em;font-weight:550}.po-service-strip i{font-style:normal;color:#c5a4df}.po-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.po-section-heading h2{margin-bottom:0}.po-section-heading>p{max-width:360px;color:var(--po-muted);font-size:14px;margin-bottom:4px}.po-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.po-card{padding:35px;border:1px solid var(--po-line);border-radius:16px;background:white;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,border-color .2s}.po-card:hover{transform:translateY(-4px);border-color:#c7a7e5}.po-card-number{font-size:10px;letter-spacing:.12em;color:var(--po-bright);font-weight:700;margin-bottom:35px}.po-card p{font-size:13px;color:var(--po-muted);margin-bottom:27px}.po-text-link{color:var(--po-purple);font-size:12px;font-weight:700;display:inline-flex;gap:22px;align-items:center}.po-text-link:hover{color:var(--po-bright)}.po-card .po-text-link{margin-top:auto}.po-feature-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.po-feature-main{background:linear-gradient(145deg,#581C87,#35124e);border-radius:22px;color:white;padding:42px;position:relative;overflow:hidden}.po-feature-main:after{content:'';position:absolute;right:-80px;top:-70px;width:250px;height:250px;background:#9333ea50;border-radius:50%;filter:blur(30px);pointer-events:none}.po-feature-icon{font-size:30px;line-height:1.3;color:var(--po-bright);display:inline-block;margin-bottom:25px}.po-feature-main .po-feature-icon{color:#eac76b}.po-feature-main h3{font-size:36px}.po-feature-main>p{color:#ddc9ec;font-size:13px;max-width:350px}.po-rulebook{border:1px solid #c494ef50;background:#fff1;border-radius:12px;padding:23px;margin-top:35px}.po-rulebook>span{font-size:8px;letter-spacing:.17em;color:#d2b1ec}.po-rulebook strong{display:block;font-size:17px;margin:10px 0 22px}.po-rulebook>div{display:flex;justify-content:space-between;font-size:10px;color:#ead9f5;border-top:1px solid #fff2;padding-top:13px}.po-rulebook small{display:block;color:#baa2ca;font-size:8px;margin-top:20px}.po-feature-stack{display:flex;flex-direction:column;justify-content:space-around}.po-feature-stack article{display:flex;gap:28px;padding:25px 8px;border-bottom:1px solid var(--po-line)}.po-feature-stack article:last-child{border:0}.po-feature-stack .po-feature-icon{width:45px;flex-shrink:0}.po-feature-stack h3{font-size:24px}.po-feature-stack p{font-size:13px;color:var(--po-muted);margin:0;max-width:400px}.po-community{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.po-photo-frame{position:relative;overflow:hidden;border-radius:22px;background:#30153e}.po-photo-frame img{display:block;width:100%;height:480px;object-fit:cover;object-position:52% center}.po-photo-frame>span{position:absolute;bottom:0;left:0;right:0;padding:35px 25px 23px;background:linear-gradient(transparent,#180b27c9);color:#fff;font-size:8px;letter-spacing:.1em}.po-community h2{font-size:40px;line-height:1.2}.po-community p:not(.po-eyebrow){font-size:14px;color:var(--po-muted)}.po-community .po-text-link{margin-top:15px}.po-section-dark .po-eyebrow{color:#be91e9}.po-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin:50px 0 35px}.po-timeline article{border-top:1px solid #ffffff30;padding-top:20px}.po-timeline article>span{font-size:10px;color:#d8b458}.po-timeline h3{font-size:22px;margin:23px 0 13px}.po-timeline p{font-size:12px;color:#b6a6c5;line-height:1.8}.po-light-link{color:#e7c665}.po-cta{border-radius:22px;padding:55px;background:radial-gradient(ellipse at 100% 0%,#9333EA,#581C87 60%);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.po-cta h2{font-size:39px;margin-bottom:16px}.po-cta p{font-size:13px;color:#e6d3f5;max-width:550px;margin:0}.po-cta .po-eyebrow{color:#e4bd63;margin-bottom:18px}.po-cta .po-actions{flex-direction:column;align-items:stretch;flex-shrink:0}.po-footer{background:#f8f5fb;padding:65px 0 25px;border-top:1px solid var(--po-line);color:var(--po-muted)}.po-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.po-footer-grid>div>h2{font-size:11px;font-weight:700;letter-spacing:.03em;margin:6px 0 24px;color:var(--po-ink)}.po-footer-grid>div>a:not(.po-brand){display:block;color:var(--po-muted);font-size:11px;margin:15px 0}.po-footer-grid>div>a:hover{color:var(--po-purple)}.po-footer-grid p{font-size:12px;line-height:1.9;margin-top:22px}.po-footer-bottom{border-top:1px solid var(--po-line);margin-top:40px;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px}.po-footer-bottom a{color:var(--po-purple)}.po-page-head{background:radial-gradient(ellipse at 95% 0%,#eddcfb,transparent 65%),#faf7fd;padding:85px 0 70px;border-bottom:1px solid var(--po-line)}.po-page-head h1{font-size:clamp(42px,5vw,66px);margin-bottom:25px;max-width:950px}.po-lead{max-width:650px;color:var(--po-muted);font-size:16px;margin-bottom:0}.po-narrow{max-width:850px}.po-narrow>p{color:var(--po-muted);font-size:15px}.po-guide-layout{display:grid;grid-template-columns:270px 1fr;gap:80px;align-items:start}.po-guide-sidebar{position:sticky;top:125px}.po-guide-sidebar label{font-size:11px;font-weight:650;margin-bottom:10px;display:block}.po-guide-sidebar input{width:100%;border:1px solid #dac8e9;border-radius:9px;padding:14px;font-size:12px;background:#fcfafe;color:var(--po-ink)}.po-guide-sidebar #po-search-status{font-size:10px;color:var(--po-muted);margin-top:12px}.po-guide-sidebar nav{margin:22px 0}.po-guide-sidebar nav a{display:flex;gap:12px;padding:12px 0;font-size:11px;line-height:1.5;color:var(--po-muted);border-bottom:1px solid #eee5f4}.po-guide-sidebar nav a:hover{color:var(--po-purple)}.po-guide-sidebar nav span{color:var(--po-bright);font-size:9px;padding-top:2px}.po-guide-section{margin-bottom:55px;padding-bottom:45px;border-bottom:1px solid var(--po-line);scroll-margin-top:125px}.po-guide-section h2{font-size:33px}.po-guide-section p,.po-guide-section li{font-size:14px;color:#65576f;line-height:1.9}.po-guide-section ol,.po-guide-section ul{padding-left:20px}.po-guide-section li{padding-left:9px;margin-bottom:15px}.po-guide-section a:not(.po-text-link),.po-prose a{color:var(--po-purple);text-decoration:underline;text-underline-offset:3px}.po-callout{background:#f7f0fc;border-left:3px solid #9333ea;border-radius:0 8px 8px 0;padding:22px;font-size:13px;line-height:1.85;color:#654179;margin:25px 0}.po-callout strong{display:block;color:var(--po-purple);margin-bottom:5px}.po-help-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:65px;align-items:start}.po-help-layout h2{font-size:30px}.po-faq details{border-bottom:1px solid var(--po-line);padding:23px 0}.po-faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.po-faq summary::-webkit-details-marker{display:none}.po-faq summary span{color:var(--po-bright);font-size:22px;line-height:1}.po-faq details[open] summary span{transform:rotate(45deg)}.po-faq details p{font-size:13px;color:var(--po-muted);padding-top:18px;margin-bottom:5px}.po-help-card{border:1px solid var(--po-line);border-radius:18px;padding:35px;position:sticky;top:125px}.po-help-card p{font-size:13px;color:var(--po-muted)}.po-help-card .po-callout{font-size:12px}.po-prose{max-width:850px}.po-prose h2{font-size:29px;margin-top:45px}.po-prose h2:first-child{margin-top:0}.po-prose p{font-size:15px;color:var(--po-muted)}.btn-primary{background:#581c87;border-color:#581c87}.btn-primary:hover{background:#9333ea;border-color:#9333ea}.text-bg-primary{background:#581c87!important}.oe_login_form{padding:30px!important;border:1px solid var(--po-line);border-radius:18px;background:white;box-shadow:0 15px 55px #581c870d}.oe_login_form .btn-primary{border-radius:8px}.oe_website_login_container{padding-block:65px!important;background:#faf7fd}#wrapwrap>main>.container{padding-block:50px!important;min-height:500px}#wrapwrap>main>.container h1{color:#581c87;font-weight:650}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b578e7;outline-offset:4px}[hidden]{display:none!important}
@media(min-width:1500px){.po-hero-inner{min-height:800px}.po-hero{min-height:800px}}
@media(max-width:1100px){.po-container{width:calc(100% - 56px)}.po-nav{gap:18px}.po-brand{font-size:15px}.po-hero-inner{gap:25px}.po-hero h1{font-size:60px}.po-process-panel{width:240px}.po-community{gap:40px}.po-community h2{font-size:33px}.po-photo-frame img{height:420px}.po-guide-layout{gap:45px;grid-template-columns:235px 1fr}.po-card{padding:27px}.po-cta{padding:40px}}
@media(max-width:900px){.po-nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:1px solid var(--po-line);padding:11px;border-radius:8px}.po-nav-toggle span{width:20px;height:2px;background:#581c87}.po-nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px 28px 28px;border-bottom:1px solid var(--po-line);box-shadow:0 14px 30px #0001;flex-direction:column;align-items:stretch;gap:0}.po-nav.is-open{display:flex}.po-nav>a{padding:13px}.po-nav>.po-btn{margin-top:12px}.po-nav-shell{height:80px}.po-hero-inner{min-height:680px}.po-hero{min-height:680px}.po-hero h1{font-size:56px}.po-process-panel{display:none}.po-hero-copy{max-width:600px}.po-hero-shade{background:linear-gradient(90deg,#180b27ed 0%,#180b27aa 50%,#180b2740)}.po-hero-image{background-position:65% center}.po-grid-three{gap:16px}.po-card h3{font-size:22px}.po-card{padding:25px}.po-service-strip span{display:none}.po-service-strip strong{font-size:16px}.po-feature-grid{gap:25px}.po-feature-main{padding:30px}.po-feature-stack article{gap:16px}.po-footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.po-footer-grid>div:first-child{grid-column:1/-1}.po-cta h2{font-size:33px}.po-help-layout{gap:30px}.po-help-card{padding:25px}}
@media(max-width:680px){.po-container{width:calc(100% - 40px)}.po-nav-shell{height:76px}.po-nav{top:76px}.po-brand img{width:43px;height:43px}.po-brand{font-size:14px}.po-brand small{font-size:7px}.po-section{padding:65px 0}.po-hero-inner{padding:64px 0 78px;min-height:680px;align-items:flex-start}.po-hero{min-height:680px}.po-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.055em}.po-hero .po-eyebrow{font-size:8px!important;letter-spacing:.13em}.po-hero-copy>p:not(.po-eyebrow){font-size:13px;max-width:370px}.po-hero-copy .po-actions{align-items:stretch;flex-direction:column;max-width:330px;gap:12px}.po-btn{font-size:12px;min-height:50px}.po-hero-note{gap:16px;font-size:7px}.po-hero-image{background-position:61% center}.po-hero-shade{background:linear-gradient(90deg,#160b25ed,#180b2799),linear-gradient(0deg,#180b27aa,transparent)}.po-hero-caption{right:20px;font-size:6px}.po-service-strip>.po-container{min-height:78px;gap:10px;flex-wrap:wrap;justify-content:center;padding-block:18px}.po-service-strip strong{font-size:12px}.po-service-strip i{font-size:10px}.po-section-heading{display:block;margin-bottom:28px}.po-section-heading>p{margin-top:20px;max-width:100%;font-size:13px}.po-section-heading>.po-text-link{margin-top:20px}.po-site h2{font-size:33px}.po-grid-three{grid-template-columns:1fr;gap:16px}.po-card{padding:28px}.po-card-number{margin-bottom:24px}.po-card h3{font-size:25px}.po-feature-grid{grid-template-columns:1fr;gap:18px}.po-feature-main{padding:30px}.po-feature-main h3{font-size:32px}.po-feature-stack article{padding:23px 0}.po-feature-stack .po-feature-icon{width:32px;font-size:26px}.po-feature-stack h3{font-size:23px}.po-community{grid-template-columns:1fr;gap:35px}.po-photo-frame img{height:330px}.po-community h2{font-size:33px}.po-timeline{grid-template-columns:1fr;gap:0;margin-top:35px}.po-timeline article{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding-block:23px}.po-timeline article>span{grid-row:1/3;padding-top:5px}.po-timeline h3{margin:0 0 8px}.po-timeline p{margin:0;grid-column:2}.po-cta{padding:32px 27px;display:block}.po-cta .po-actions{margin-top:27px}.po-cta h2{font-size:31px}.po-footer{padding:45px 0 24px}.po-footer-grid{grid-template-columns:1fr 1fr;gap:25px}.po-footer-grid>div:last-child{grid-column:1/-1}.po-footer-grid>div>h2{margin-bottom:18px}.po-footer-bottom{flex-direction:column;gap:12px;font-size:9px;margin-top:25px}.po-page-head{padding:58px 0 48px}.po-page-head h1{font-size:42px}.po-lead{font-size:14px}.po-guide-layout{grid-template-columns:1fr;gap:35px}.po-guide-sidebar{position:static;background:#faf7fd;padding:23px;border-radius:12px}.po-guide-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.po-guide-sidebar nav a{font-size:10px}.po-guide-section{margin-bottom:35px;padding-bottom:30px;scroll-margin-top:100px}.po-guide-section h2{font-size:29px}.po-guide-section p,.po-guide-section li{font-size:13px}.po-callout{padding:18px;font-size:12px}.po-help-layout{grid-template-columns:1fr}.po-help-card{position:static}.po-help-layout h2{font-size:28px}.po-faq summary{font-size:14px}.po-prose h2{font-size:27px}.po-prose p{font-size:14px}.po-eyebrow{font-size:9px!important}.oe_login_form{margin-inline:20px!important;padding:25px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}