:root{--primary: #0284c7;--primary-dark: #0369a1;--primary-darker: #0c4a6e;--primary-light: #38bdf8;--primary-soft: #e0f2fe;--primary-subtle: #f0f9ff;--secondary: #0f766e;--secondary-light: #14b8a6;--secondary-soft: #ccfbf1;--accent: #f59e0b;--accent-light: #fef3c7;--accent-gold: #d97706;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--danger: #ef4444;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-surface-alt: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--border-focus: #0284c7;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-md: 0 6px 16px -2px rgba(15, 23, 42, .08);--shadow-lg: 0 14px 28px -4px rgba(15, 23, 42, .12), 0 6px 12px -4px rgba(15, 23, 42, .06);--shadow-xl: 0 24px 44px -8px rgba(2, 132, 199, .18);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition: all .28s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .45s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main);background-color:var(--bg-main);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-main);line-height:1.28;font-weight:700;letter-spacing:-.015em}p{color:var(--text-muted)}.container{width:92%;max-width:1240px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-white);box-shadow:0 4px 14px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 8px 22px #0284c773;color:var(--text-white)}.btn-secondary{background:#ffffffeb;color:var(--primary-darker);border:1px solid rgba(2,132,199,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff;color:var(--primary);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-gold) 100%);color:#fff;box-shadow:0 4px 14px #f59e0b59}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b73;color:#fff}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--text-white)}.btn-outline-white{background:#ffffff1f;border:1.5px solid rgba(255,255,255,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-outline-white:hover{background:#fff;color:var(--primary-darker);border-color:#fff}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-block{width:100%}.navbar{position:sticky;top:0;z-index:1000;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.8);padding:14px 0;transition:var(--transition)}.navbar.scrolled{box-shadow:0 10px 25px -5px #0f172a14;padding:10px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-img{height:48px;width:auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));transition:transform .3s cubic-bezier(.4,0,.2,1)}.brand-logo:hover .logo-img{transform:scale(1.08) rotate(-2deg)}.logo-badge{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 4px 10px #0284c740}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.15rem;font-weight:800;color:var(--primary-darker);line-height:1.2}.logo-sub{font-size:.76rem;color:var(--text-muted);font-weight:500}.nav-menu{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}.nav-link{display:inline-block;font-size:.9rem;font-weight:600;color:var(--text-main);padding:6px 4px;position:relative;transition:var(--transition);white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:var(--transition);border-radius:2px}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.btn-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:8px 18px;border-radius:var(--radius-full);box-shadow:0 4px 12px #0284c740;flex-shrink:0;line-height:1.2}.nav-link.btn-cta:after{display:none}.nav-link.btn-cta:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #0284c759}.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2.5px;background-color:var(--primary-darker);border-radius:2px;transition:var(--transition)}.section{padding:85px 0;position:relative}.section-alt{background-color:var(--bg-surface-alt)}.section-header{margin-bottom:45px}.text-center{text-align:center}.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-dark);background:var(--primary-soft);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:12px;border:1px solid rgba(2,132,199,.15)}.section-header h2{font-size:2.25rem;margin-bottom:12px;color:var(--primary-darker)}.section-header p{font-size:1.05rem;max-width:680px;margin:0 auto}.hero-section{position:relative;min-height:600px;display:flex;align-items:center;color:#fff;padding:110px 0 95px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0c4a6ee0,#0369a1c7,#0f766ed1);z-index:1}.hero-content{position:relative;z-index:2;max-width:880px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 18px;border-radius:var(--radius-full);font-size:.86rem;font-weight:600;margin-bottom:24px;color:#fff}.hero-title{font-size:3.2rem;font-weight:800;line-height:1.18;color:#fff;margin-bottom:22px;letter-spacing:-.03em}.hero-title .text-highlight{color:#fef08a;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-desc{font-size:1.15rem;color:#f1f5f9;line-height:1.75;margin-bottom:36px;max-width:740px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:45px}.hero-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:20px 24px}.h-stat-item{display:flex;align-items:center;gap:14px}.h-stat-icon{font-size:1.8rem;background:#fff3;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.h-stat-text .h-num{font-size:1.4rem;font-weight:800;color:#fff;line-height:1.2}.h-stat-text .h-label{font-size:.8rem;color:#e2e8f0;font-weight:500}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.identity-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-sm);transition:var(--transition)}.identity-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.identity-card h3{font-size:1.45rem;margin-bottom:16px;color:var(--primary-darker);display:flex;align-items:center;gap:10px}.history-timeline{display:flex;flex-direction:column;gap:20px;margin-top:20px;position:relative;padding-left:24px}.history-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--primary-soft)}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-24px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--primary);border:3px solid #ffffff;box-shadow:0 0 0 2px var(--primary-light)}.timeline-year{font-size:.85rem;font-weight:700;color:var(--primary-dark)}.timeline-text{font-size:.94rem;color:var(--text-muted)}.vm-box{background:var(--primary-subtle);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 20px;margin-bottom:18px}.vm-box h4{font-size:1.05rem;color:var(--primary-darker);margin-bottom:6px}.vm-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.vm-list li{position:relative;padding-left:24px;font-size:.94rem;color:var(--text-muted)}.vm-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--secondary);font-weight:800}.sotk-structure{display:flex;flex-direction:column;gap:28px;margin-top:36px}.sotk-level{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.level-leader{max-width:380px;margin:0 auto}.level-executives{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.level-staff-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}@media(max-width:768px){.level-staff-row{grid-template-columns:1fr}}.level-kaur,.level-kadus{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.sotk-section-title{text-align:center;margin-top:10px;margin-bottom:-10px}.sotk-section-title h4{font-size:.95rem;font-weight:800;color:var(--primary);letter-spacing:1px;text-transform:uppercase;background:var(--primary-soft);display:inline-block;padding:6px 18px;border-radius:var(--radius-full)}.sotk-card{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:26px 18px 20px;text-align:center;transition:var(--transition);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;align-items:center}.sotk-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.sotk-badge-top{position:absolute;top:-12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-darker) 100%);color:#fff;font-size:.72rem;font-weight:800;padding:3px 12px;border-radius:var(--radius-full);letter-spacing:.5px;box-shadow:0 3px 8px #00000026}.card-kades{border:2px solid #16a34a;background:linear-gradient(180deg,#fff,#f0fdf4)}.card-kades .sotk-badge-top{background:linear-gradient(135deg,#16a34a,#15803d)}.card-sekdes{border:1.5px solid var(--primary-light);background:linear-gradient(180deg,#fff,#f0f9ff)}.card-staff-group{text-align:left;align-items:flex-start}.card-staff-group .sotk-avatar{margin:0 0 12px}.sotk-staff-list{list-style:none;padding:0;margin:8px 0 0;width:100%}.sotk-staff-list li{font-size:.85rem;padding:6px 10px;background:var(--bg-body);border-radius:var(--radius-md);margin-bottom:6px;border-left:3px solid var(--primary);color:var(--text-dark)}.sotk-avatar{width:135px;height:135px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#fff);border:4px solid var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 16px;overflow:hidden;box-shadow:0 8px 22px #0284c740;transition:var(--transition);position:relative}.sotk-card:hover .sotk-avatar{transform:scale(1.05);border-color:var(--primary);box-shadow:0 12px 28px #0284c766}.sotk-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;transition:transform .3s ease}.img-avatar-kades,.img-avatar-sekdes,.img-avatar-iswandi,.img-avatar-yerni,.img-avatar-sera,.img-avatar-syafrizal,.img-avatar-hafni{object-fit:cover;object-position:center}.sotk-avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e2e8f0);color:var(--primary-darker);font-size:3rem}.sotk-name{font-size:1.08rem;font-weight:700;color:var(--primary-darker);margin-bottom:4px}.sotk-role{font-size:.8rem;font-weight:600;color:var(--primary);background:var(--primary-soft);padding:4px 12px;border-radius:var(--radius-full);display:inline-block;margin-bottom:8px}.sotk-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease-out}.modal-content{background:#fff;border-radius:var(--radius-xl);padding:24px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0003;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.15rem;font-weight:700;color:var(--primary-darker);margin:0}.modal-close{background:var(--bg-body);border:none;font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition)}.modal-close:hover{background:#fee2e2;color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.schools-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.school-card{background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;flex-direction:column}.school-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.school-thumb{position:relative;height:240px;overflow:hidden}.school-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.school-card:hover .school-thumb img{transform:scale(1.05)}.school-badge-float{position:absolute;top:14px;right:14px;background:#0284c7e6;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.school-badge-akred{position:absolute;bottom:14px;left:14px;background:var(--accent);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;box-shadow:var(--shadow-sm)}.school-body{padding:28px;display:flex;flex-direction:column;flex:1}.school-title{font-size:1.45rem;margin-bottom:8px;color:var(--primary-darker)}.school-subtitle{font-size:.88rem;color:var(--secondary);font-weight:600;margin-bottom:14px}.school-features{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.feature-pill{font-size:.78rem;background:var(--bg-surface-alt);color:var(--text-muted);border:1px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:4px}.school-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;padding-top:16px;border-top:1px dashed var(--border-color)}.s-meta-item strong{display:block;font-size:.8rem;color:var(--text-light);text-transform:uppercase}.s-meta-item span{font-size:.92rem;font-weight:600;color:var(--text-main)}.school-card .btn{margin-top:auto}.harbor-banner{background:linear-gradient(135deg,#0c4a6e,#0369a1);border-radius:var(--radius-xl);overflow:hidden;color:#fff;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow-xl);position:relative}.harbor-banner-content{padding:48px;display:flex;flex-direction:column;justify-content:center}.harbor-banner-content .tag{display:inline-flex;align-items:center;gap:6px;background:#38bdf833;color:#7dd3fc;border:1px solid rgba(56,189,248,.4);padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;margin-bottom:16px;width:fit-content}.harbor-banner-content h3{font-size:2.1rem;color:#fff;margin-bottom:16px;line-height:1.25}.harbor-banner-content p{color:#e0f2fe;font-size:1.02rem;margin-bottom:28px}.harbor-badges-row{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.h-badge{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:10px 16px;display:flex;align-items:center;gap:10px}.h-badge-icon{font-size:1.5rem}.h-badge-text small{display:block;font-size:.72rem;color:#bae6fd}.h-badge-text span{font-size:.95rem;font-weight:700;color:#fff}.harbor-banner-img{position:relative;min-height:340px}.harbor-banner-img img{width:100%;height:100%;object-fit:cover}.marine-weather-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:32px;box-shadow:var(--shadow-md);margin-top:-50px;position:relative;z-index:10}.weather-header-flex{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap;gap:16px}.status-pelayaran-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);font-weight:700;font-size:.9rem}.status-pelayaran-badge.aman{background:var(--success-light);color:#065f46;border:1px solid #a7f3d0}.status-pelayaran-badge .dot{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px #10b9814d;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.weather-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.weather-metric{background:var(--bg-surface-alt);border-radius:var(--radius-md);padding:16px;display:flex;align-items:center;gap:14px;border:1px solid var(--border-color)}.w-metric-icon{font-size:2rem;background:#fff;width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.w-metric-info strong{display:block;font-size:1.25rem;font-weight:800;color:var(--primary-darker)}.w-metric-info span{font-size:.8rem;color:var(--text-muted)}.schedule-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 18px;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px #0284c740}.search-box{position:relative;min-width:260px}.search-box input{width:100%;padding:10px 16px 10px 40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);font-family:inherit;font-size:.9rem;outline:none;transition:var(--transition)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c726}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:1rem}.schedule-table-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}.table-responsive{width:100%;overflow-x:auto}.schedule-table{width:100%;border-collapse:collapse;text-align:left}.schedule-table th{background:var(--bg-surface-alt);padding:16px 20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-color)}.schedule-table td{padding:18px 20px;border-bottom:1px solid var(--border-color);font-size:.92rem;vertical-align:middle}.schedule-table tr:hover td{background-color:var(--primary-subtle)}.vessel-badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--primary-darker)}.type-pill{font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.type-speedboat{background:#e0f2fe;color:#0284c7}.type-rakyat{background:#fef3c7;color:#b45309}.type-fery{background:#dcfce7;color:#15803d}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;display:inline-block}.status-ontime{background:#d1fae5;color:#065f46}.status-boarding{background:#fed7aa;color:#9a3412}.status-sailing{background:#e0f2fe;color:#0369a1}.calc-card{background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #bae6fd;border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md)}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.calc-field label{display:block;font-size:.86rem;font-weight:700;color:var(--primary-darker);margin-bottom:8px}.calc-field select,.calc-field input{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;font-family:inherit;font-size:.95rem;outline:none;transition:var(--transition)}.calc-field select:focus,.calc-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c726}.calc-result-box{background:var(--primary-darker);color:#fff;border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;gap:16px}.calc-price{font-size:2rem;font-weight:800;color:#fef08a}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.facility-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:28px 22px;transition:var(--transition);box-shadow:var(--shadow-xs)}.facility-card:hover{transform:translateY(-4px);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.facility-icon{font-size:2.4rem;width:56px;height:56px;border-radius:var(--radius-md);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.facility-card h3{font-size:1.2rem;margin-bottom:8px;color:var(--primary-darker)}.facility-card p{font-size:.9rem}.sop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;position:relative}.sop-step{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:28px 20px;position:relative;box-shadow:var(--shadow-xs)}.sop-number{position:absolute;top:-16px;left:20px;width:34px;height:34px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;box-shadow:0 4px 10px #0284c74d}.sop-step h3{font-size:1.15rem;margin:12px 0 8px;color:var(--primary-darker)}.sop-step p{font-size:.88rem}.school-detail-section{padding:60px 0}.school-hero-card{background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:60px}.school-hero-grid{display:grid;grid-template-columns:480px 1fr;align-items:stretch}.school-hero-media{position:relative;height:100%;max-height:440px;overflow:hidden;background-color:#0f172a}.school-hero-media img{width:100%;height:100%;max-height:440px;object-fit:cover;object-position:center}.school-hero-info{padding:44px;display:flex;flex-direction:column}.school-header-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.badge-akred-a{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.badge-npsn{background:var(--primary-soft);color:var(--primary-darker);border:1px solid rgba(2,132,199,.2);padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:700}.school-hero-info h2{font-size:2.1rem;color:var(--primary-darker);margin-bottom:6px}.school-tagline{font-size:1.02rem;color:var(--secondary);font-weight:600;margin-bottom:18px}.school-principal-box{display:flex;align-items:center;gap:16px;background:var(--bg-surface-alt);padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border-color);margin:18px 0}.p-avatar{font-size:2rem;width:50px;height:50px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-light)}.p-info small{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.p-info h4{font-size:1rem;color:var(--primary-darker)}.school-stat-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;background:var(--primary-subtle);padding:16px;border-radius:var(--radius-md);text-align:center}.s-stat strong{display:block;font-size:1.35rem;font-weight:800;color:var(--primary-darker)}.s-stat span{font-size:.75rem;color:var(--text-muted);font-weight:600}.detail-columns-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;align-items:start}.detail-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:30px;box-shadow:var(--shadow-xs)}.detail-card h3{font-size:1.25rem;color:var(--primary-darker);margin-bottom:16px;display:flex;align-items:center;gap:10px}.facilities-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.f-check-item{display:flex;align-items:center;gap:10px;background:var(--bg-surface-alt);padding:10px 14px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text-main)}.f-check-item .f-icon{font-size:1.1rem}.extracurricular-tags{display:flex;flex-wrap:wrap;gap:10px}.extra-tag{background:var(--primary-soft);color:var(--primary-darker);padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;border:1px solid rgba(2,132,199,.2)}.achievement-list{display:flex;flex-direction:column;gap:12px}.achieve-item{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.achieve-item:last-child{border-bottom:none}.achieve-icon{font-size:1.3rem;color:var(--accent)}.achieve-text h4{font-size:.95rem;color:var(--primary-darker)}.achieve-text p{font-size:.82rem;color:var(--text-muted)}.ppdb-card{background:linear-gradient(135deg,#0369a1,#0f766e);color:#fff;border-radius:var(--radius-xl);padding:44px;box-shadow:var(--shadow-lg)}.ppdb-card h3{font-size:2rem;color:#fff;margin-bottom:12px}.ppdb-card p{color:#e0f2fe;font-size:1.05rem;max-width:700px;margin-bottom:30px}.ppdb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.ppdb-item{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ppdb-item h4{color:#fff;font-size:1.1rem;margin-bottom:8px}.ppdb-item p,.ppdb-item li{color:#f1f5f9;font-size:.88rem}.kontak-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px}.kontak-card-info{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:40px}.kontak-list{display:flex;flex-direction:column;gap:20px;margin-top:24px}.kontak-item{display:flex;gap:16px;align-items:flex-start}.k-icon{font-size:1.5rem;background:var(--primary-soft);width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.k-details strong{font-size:.95rem;color:var(--primary-darker)}.k-details p{font-size:.88rem;color:var(--text-muted)}.kontak-form-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:40px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.86rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);font-family:inherit;font-size:.92rem;outline:none;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0284c726}.site-footer{background:#091e33;color:#e2e8f0;padding:70px 0 25px;position:relative;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:50px}.footer-brand .logo-title{color:#fff;font-size:1.3rem}.footer-brand p{color:#94a3b8;font-size:.9rem;margin-top:14px;line-height:1.65}.footer-col h4{color:#fff;font-size:1.1rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-col h4:after{content:"";position:absolute;bottom:0;left:0;width:32px;height:2px;background:var(--primary)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#94a3b8;font-size:.9rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary-light);padding-left:6px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:25px;text-align:center;font-size:.85rem;color:#64748b}.toast-msg{position:fixed;bottom:24px;right:24px;background:var(--primary-darker);color:#fff;padding:14px 22px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.9rem;z-index:2000;display:none;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.hero-title{font-size:2.7rem}.identity-grid,.schools-highlight-grid,.harbor-banner,.kontak-wrapper,.school-hero-grid{grid-template-columns:1fr}.school-hero-media{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:992px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:72px;left:0;right:0;background:#fff;padding:24px;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--border-color);transform:translateY(-150%);transition:var(--transition-slow);display:block}.nav-menu.active{transform:translateY(0)}.nav-list{flex-direction:column;align-items:flex-start;gap:14px}.nav-link{width:auto;padding:8px 0}.nav-link.btn-cta{display:inline-flex;width:auto;padding:10px 22px;margin-top:6px}}html,body,#root{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}@media(max-width:992px){.schools-highlight-grid,.identity-grid,.harbor-banner,.kontak-wrapper{grid-template-columns:1fr!important}}@media(max-width:768px){.container{padding-left:16px;padding-right:16px}.hero-title{font-size:2rem}.hero-desc{font-size:.98rem}.section-header h2{font-size:1.75rem}.detail-columns-grid,.facilities-checklist{grid-template-columns:1fr}.school-stat-bar{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.calc-result-box{flex-direction:column;text-align:center}.harbor-banner{border-radius:var(--radius-lg)}.harbor-banner-content{padding:24px 18px;width:100%;box-sizing:border-box}.harbor-banner-content h3{font-size:1.4rem;line-height:1.3;word-break:break-word}.harbor-banner-content p{font-size:.92rem;margin-bottom:20px}.harbor-badges-row{flex-direction:column;gap:10px;width:100%;margin-bottom:24px}.h-badge{width:100%;box-sizing:border-box}.school-card{border-radius:var(--radius-lg)}.school-body{padding:20px 16px}.school-title{font-size:1.3rem}.btn{white-space:normal;max-width:100%;text-align:center;word-break:break-word;box-sizing:border-box}.school-card .btn,.harbor-banner-content .btn{width:100%;padding:12px 16px!important;font-size:.92rem!important;justify-content:center}.kontak-card-info,.kontak-form-card{padding:24px 18px!important;border-radius:var(--radius-lg)!important;box-sizing:border-box;width:100%;overflow:hidden}.kontak-item{gap:12px;width:100%;box-sizing:border-box}.k-details{min-width:0;flex:1;width:100%}}@media(max-width:480px){.container{padding-left:12px;padding-right:12px}.kontak-card-info,.kontak-form-card{padding:20px 14px!important}.harbor-banner-content{padding:18px 14px}.harbor-banner-content h3{font-size:1.25rem}.hero-title{font-size:1.65rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%;justify-content:center}.s-meta-item span{font-size:.85rem}.feature-pill{font-size:.74rem;padding:3px 8px}}.routine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.routine-item{display:flex;gap:14px;background:var(--bg-surface-alt);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.routine-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.routine-icon{font-size:1.8rem;width:48px;height:48px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);flex-shrink:0}.routine-content{display:flex;flex-direction:column;gap:4px}.routine-badge{font-size:.72rem;font-weight:700;color:var(--primary-darker);background:var(--primary-soft);padding:2px 8px;border-radius:var(--radius-full);align-self:flex-start}.routine-title{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0}.routine-desc{font-size:.84rem;color:var(--text-muted);line-height:1.5;margin:0}.social-buttons-wrapper{display:flex;flex-direction:column;gap:12px;margin-top:10px;width:100%;max-width:100%;box-sizing:border-box}.social-btn{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;font-weight:700;font-size:.88rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #00000014;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);width:100%;max-width:100%;box-sizing:border-box}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.social-btn:hover:before{left:100%}.social-btn:hover{transform:translateY(-3px) scale(1.02)}.social-btn-instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff!important}.social-btn-instagram:hover{box-shadow:0 10px 24px #dc274366}.social-btn-tiktok{background:#080808;color:#fff!important;border:1px solid rgba(255,255,255,.15)}.social-btn-tiktok:hover{box-shadow:0 10px 24px #00f2ea59;border-color:#00f2ea}.social-btn-facebook{background:linear-gradient(135deg,#1877f2,#0056c6);color:#fff!important}.social-btn-facebook:hover{box-shadow:0 10px 24px #1877f266}.social-btn-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.social-btn-icon svg{width:100%;height:100%;fill:currentColor}.social-btn-info{display:flex;flex-direction:column;line-height:1.25;text-align:left;min-width:0;flex:1;overflow:hidden}.social-btn-name{font-size:.88rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.social-btn-handle{font-size:.72rem;opacity:.9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.social-btn-arrow{font-size:.9rem;margin-left:auto;flex-shrink:0;transition:transform .2s ease}.social-btn:hover .social-btn-arrow{transform:translate(4px)}