.contact-page{padding-top:68px}.contact-hero{position:relative;background:var(--color-navy);padding:2.5rem 0 0;overflow:hidden}.contact-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 90% 40%,rgba(84,17,26,.15) 0,transparent 70%),radial-gradient(ellipse 40% 60% at 0 80%,rgba(42,107,94,.1) 0,transparent 60%);pointer-events:none}.contact-hero__content{position:relative;z-index:1}.about-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.about-breadcrumb__link{font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;transition:color var(--transition-fast)}.about-breadcrumb__link:hover{color:var(--color-gold)}.about-breadcrumb__sep{color:rgba(255,255,255,.4);font-size:13px}.about-breadcrumb__current{font-size:13px;color:var(--color-gold);font-weight:600}.contact-hero__title{font-family:var(--font-heading);font-size:clamp(32px,6vw,56px);font-weight:600;color:var(--color-bg);margin-bottom:var(--space-2);line-height:1.1}.contact-hero__subtitle{font-size:clamp(15px,2vw,18px);color:rgba(255,255,255,.7);max-width:520px;line-height:1.7}.contact-section{padding:var(--space-10) 0;background:var(--color-bg)}.contact-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:flex-start}.contact-info{display:flex;flex-direction:column;gap:var(--space-2)}.contact-info-card{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.contact-info-card:hover{box-shadow:var(--shadow-md)}.contact-info-card__icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:2px}.contact-info-card__title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-navy);margin:0 0 4px}.contact-info-card__text{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5}.contact-form-wrap{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md)}.contact-form__title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-4)}.contact-form{display:flex;flex-direction:column;gap:var(--space-3)}.contact-form--shake{animation:shake .5s ease}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--color-navy);display:flex;align-items:center;justify-content:space-between}.form-required{color:var(--color-error)}.form-char-count{font-size:12px;font-weight:400;color:var(--color-text-muted)}.form-input{padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%;box-sizing:border-box}.form-input::placeholder{color:var(--color-text-light)}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px rgba(84,17,26,.12);background:var(--color-white)}.form-field--error .form-input{border-color:var(--color-error)}.form-field--error .form-input:focus{box-shadow:0 0 0 3px rgba(220,38,38,.12)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-error{font-size:13px;color:var(--color-error);font-weight:500;display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠";font-size:12px}.contact-submit{margin-top:var(--space-1);font-size:16px;padding:14px var(--space-4);width:100%;justify-content:center;position:relative;border-radius:var(--radius-xl)}.contact-submit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 8px 20px rgba(84,17,26,.25)}.contact-submit:disabled{opacity:.75;cursor:not-allowed;transform:none}.contact-submit__spinner{width:18px;height:18px;border:2px solid rgba(27,42,74,.2);border-top:2px solid var(--color-navy);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4)}.contact-success__icon{width:80px;height:80px;color:var(--color-success);animation:scaleIn .5s ease forwards}.contact-success__circle{stroke:currentColor}.contact-success__check{animation:checkDraw .6s ease .4s forwards}.contact-success__title{font-family:var(--font-heading);font-size:26px;font-weight:800;color:var(--color-navy)}.contact-success__text{font-size:15px;color:var(--color-text-muted);max-width:400px;line-height:1.7}@media (max-width:768px){.contact-layout{grid-template-columns:1fr}.contact-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2);gap:var(--space-2)}.contact-form-wrap{padding:var(--space-4) var(--space-3)}}@media (max-width:480px){.contact-info{grid-template-columns:1fr}}.sensus-intro-banner{background:var(--color-navy);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5) var(--space-5) 0;position:relative;overflow:hidden}.sensus-intro-banner:before{content:"";position:absolute;top:-60px;right:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(84,17,26,.3) 0,transparent 70%);pointer-events:none}.sensus-header-title{font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,2.4rem);font-weight:600;color:var(--color-bg);line-height:1.2;margin-bottom:.6rem}.sensus-header-title em{font-style:italic;color:var(--color-gold-dark);text-shadow:0 2px 4px rgba(0,0,0,.2)}.sensus-header-intro{font-size:14px;color:rgba(245,240,232,.65);line-height:1.7;max-width:580px;margin-bottom:var(--space-3)}.sensus-header-meta{display:flex;flex-wrap:wrap;gap:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(245,240,232,.1)}.sensus-meta-item{font-size:12px;color:rgba(245,240,232,.5);display:flex;align-items:center;gap:6px}.sensus-meta-item strong{color:rgba(245,240,232,.8);font-weight:500}.sensus-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--color-maroon-light);flex-shrink:0}.sensus-header-contact{margin-top:.85rem;padding:.6rem 1rem;background:rgba(255,255,255,.07);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:8px;font-size:12px;color:rgba(245,240,232,.65)}.sensus-header-contact strong{color:rgba(245,240,232,.9)}.sensus-switcher{background:var(--color-navy);padding:1.25rem var(--space-5) 0}.sensus-switcher-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.4);margin-bottom:.6rem}.sensus-switcher-tabs{display:flex;border-radius:12px 12px 0 0;overflow:hidden;border:1px solid rgba(245,240,232,.12);border-bottom:none}.sensus-tab-btn{flex:1 1;padding:.8rem 1.25rem;background:rgba(255,255,255,.05);border:none;cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:500;color:rgba(245,240,232,.4);transition:background .2s,color .2s;text-align:left;display:flex;align-items:center;gap:10px}.sensus-tab-btn:first-child{border-right:1px solid rgba(245,240,232,.1)}.sensus-tab-btn.active{background:var(--color-bg);color:var(--color-navy)}.sensus-tab-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.sensus-tab-btn:first-child .sensus-tab-icon{background:rgba(84,17,26,.1);color:var(--color-maroon)}.sensus-tab-btn:last-child .sensus-tab-icon{background:var(--color-teal-pale);color:var(--color-teal)}.sensus-tab-sub{font-size:11px;font-weight:400;opacity:.6;display:block;margin-top:1px}.sensus-progress-bar-wrap{background:var(--color-navy);height:3px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sensus-progress-bar{height:3px;width:0;transition:width .4s ease}.sensus-progress-bar.perpus{background:linear-gradient(90deg,var(--color-maroon),var(--color-maroon-light))}.sensus-progress-bar.komunitas{background:linear-gradient(90deg,var(--color-teal),var(--color-teal-light))}.sensus-main{background:var(--color-bg);padding:var(--space-5) var(--space-5) var(--space-10);border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--color-border);border-top:none}.sensus-form-panel{display:none}.sensus-form-panel.active{display:block}.sensus-required-note{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-4);display:flex;align-items:center;gap:6px}.sensus-required-note .dot-req{color:var(--color-maroon);font-size:14px}.s-section{margin-bottom:2rem;animation:s-fadeUp .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes s-fadeUp{to{opacity:1;transform:translateY(0)}}.s-section:first-child{animation-delay:.05s}.s-section:nth-child(2){animation-delay:.1s}.s-section:nth-child(3){animation-delay:.15s}.s-section:nth-child(4){animation-delay:.2s}.s-section:nth-child(5){animation-delay:.25s}.s-section:nth-child(6){animation-delay:.3s}.s-section:nth-child(7){animation-delay:.35s}.s-section:nth-child(8){animation-delay:.4s}.s-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:1.25rem}.s-section-badge{width:36px;height:36px;border-radius:8px;background:var(--color-navy);color:var(--color-bg);font-family:var(--font-heading);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.s-section-badge.maroon{background:var(--color-maroon)}.s-section-badge.teal{background:var(--color-teal)}.s-section-badge.gold{background:var(--color-maroon-light)}.s-section-badge.rust{background:var(--color-maroon)}.s-section-badge.navy-light{background:#3D3228;color:var(--color-bg)}.s-section-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--color-navy);line-height:1.3}.s-section-desc{font-size:13px;color:var(--color-text-muted);margin-top:3px}.s-body{background:white;border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;box-shadow:0 2px 16px rgba(26,20,16,.08)}.s-body+.s-body{margin-top:var(--space-2)}.s-wacana-card{background:linear-gradient(135deg,#2D090E,#54111A);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1rem;position:relative;overflow:hidden}.s-wacana-card:before{content:"";position:absolute;top:-30px;right:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(196,137,42,.25) 0,transparent 70%)}.s-wacana-inner{position:relative;z-index:1}.s-wacana-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(196,137,42,.2);color:#F5C842;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:.5rem;border:1px solid rgba(196,137,42,.3)}.s-wacana-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--color-bg);margin-bottom:.3rem}.s-wacana-title em{font-style:italic;color:#E5E0D8}.s-wacana-desc{font-size:12.5px;color:rgba(245,240,232,.7);line-height:1.6}.s-q{margin-bottom:1.5rem}.s-q:last-child{margin-bottom:0}.s-q-divider{height:1px;background:var(--color-border);margin:1.5rem 0}.s-q-label{font-size:14px;font-weight:500;color:var(--color-navy);margin-bottom:.5rem;line-height:1.45;display:flex;align-items:flex-start;gap:4px}.s-q-label .req{color:var(--color-gold);font-size:13px;margin-top:1px}.s-q-hint{font-size:12px;color:var(--color-text-muted);margin-bottom:.5rem;line-height:1.5}.s-input,.s-textarea{width:100%;background:#F5F0E8;border:1.5px solid rgba(26,20,16,.22);border-radius:10px;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--color-navy);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);box-sizing:border-box}.s-input:focus,.s-textarea:focus{border-color:var(--color-maroon-light);background:white;box-shadow:0 0 0 3px rgba(84,17,26,.1)}.komunitas-panel .s-input:focus,.komunitas-panel .s-textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(42,107,94,.1)}.s-input::placeholder,.s-textarea::placeholder{color:#B5A898}.s-textarea{resize:vertical;min-height:80px;line-height:1.6}.s-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.s-month-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:6px}.s-month-cell{background:#F5F0E8;border:1.5px solid rgba(26,20,16,.12);border-radius:10px;padding:8px 10px}.s-month-label{font-size:11px;font-weight:500;color:#7A6D5E;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.s-month-cell .s-input{padding:6px 8px;font-size:12px;border-radius:7px;min-height:unset}.s-host-month-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.s-choice-group{display:flex;flex-direction:column;gap:8px}.s-choice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.s-choice-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid rgba(26,20,16,.12);background:#F5F0E8;cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left}.s-choice-item:hover{border-color:var(--color-maroon-light);background:white;box-shadow:0 2px 8px rgba(84,17,26,.08)}.komunitas-panel .s-choice-item:hover{border-color:var(--color-teal);box-shadow:0 2px 8px rgba(42,107,94,.08)}.s-choice-item.selected{border-color:var(--color-maroon);background:rgba(84,17,26,.05);box-shadow:0 2px 8px rgba(84,17,26,.12)}.komunitas-panel .s-choice-item.selected{border-color:var(--color-teal);background:var(--color-teal-pale);box-shadow:0 2px 8px rgba(42,107,94,.12)}.s-choice-indicator{width:18px;height:18px;border:2px solid #b5a898;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);position:relative}.s-choice-indicator:after{content:"";width:8px;height:8px;border-radius:50%;background:white;opacity:0;transition:opacity .18s}.s-choice-item.selected .s_choice-indicator{background:var(--color-maroon);border-color:var(--color-maroon)}.komunitas-panel .s-choice-item.selected .s-choice-indicator{background:var(--color-teal);border-color:var(--color-teal)}.s-choice-item.selected .s-choice-indicator:after{opacity:1}.s-choice-indicator.sq{border-radius:5px}.s-choice-indicator.sq:after{width:10px;height:10px;border-radius:2px;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%2354111A' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.komunitas-panel .s-choice-indicator.sq:after{background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5l2.5 2.5L8 3' stroke='%232A6B5E' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.s-choice-item.selected .s-choice-indicator.sq{background:var(--color-maroon);border-color:var(--color-maroon)}.komunitas-panel .s-choice-item.selected .s-choice-indicator.sq{background:var(--color-teal);border-color:var(--color-teal)}.s-choice-item.selected .s-choice-indicator.sq:after{opacity:1}.s-choice-text{font-size:13.5px;color:#3D3228;line-height:1.4}.s-choice-item.selected .s-choice-text{color:var(--color-navy);font-weight:500}.s-submit-section{margin-top:2.5rem;text-align:center}.s-btn-submit{display:inline-flex;align-items:center;gap:10px;background:var(--color-navy);color:var(--color-bg);font-family:var(--font-body);font-size:15px;font-weight:500;padding:14px 36px;border-radius:50px;border:none;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;letter-spacing:.02em}.s-btn-submit:hover{background:var(--color-maroon-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(84,17,26,.25)}.komunitas-panel .s-btn-submit:hover{background:var(--color-teal);box-shadow:0 8px 24px rgba(42,107,94,.25)}.s-btn-submit:active{transform:translateY(0)}.s-btn-submit.loading{opacity:.7;pointer-events:none}.s-submit-note{font-size:12px;color:#B5A898;margin-top:.75rem}.s-success-overlay{display:none;position:fixed;inset:0;background:rgba(26,20,16,.6);z-index:9999;align-items:center;justify-content:center;padding:1.5rem}.s-success-overlay.show{display:flex}.s-success-card{background:white;border-radius:20px;padding:2.5rem;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(26,20,16,.25);animation:s-popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes s-popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.s-success-icon{width:64px;height:64px;background:var(--color-teal-pale);border-radius:50%;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-teal)}.s-success-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--color-navy);margin-bottom:.5rem}.s-success-body{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.s-btn-close{background:var(--color-navy);color:var(--color-bg);border:none;padding:10px 28px;border-radius:50px;font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.s-btn-close:hover{background:var(--color-maroon-light)}.s-field-error{font-size:12px;color:var(--color-error);margin-top:4px;font-weight:500}@media (max-width:600px){.sensus-intro-banner{padding:1.75rem 1.5rem 0}.sensus-switcher{padding:1.25rem 1.5rem 0}.sensus-main{padding:1.5rem 1.5rem 4rem}.s-host-month-grid,.s-month-grid{grid-template-columns:repeat(2,1fr)}.s-choice-grid,.s-grid-2{grid-template-columns:1fr}}