:root{--hp-blue: #2563EB;--hp-blue-dark: #1d4ed8;--hp-text: #1a1a1a;--hp-muted: #6b7280;--hp-border: #e5e7eb;--hp-wrap: 1140px;--hp-r: 10px;--hp-font: "Outfit", sans-serif;--hero-bg: #1E3A5F}.hp-header{position:sticky;top:0;z-index:200;background:var(--hero-bg, #0b0b12);border-bottom:1px solid rgba(255,255,255,.08);transition:box-shadow .2s,background .2s}.hp-header.scrolled{box-shadow:0 2px 16px #00000040}.hp-header .hp-catalog-btn,.hp-header .hp-nav-link{color:#fff}.hp-header .hp-catalog-btn:hover{color:#ffffffbf}.hp-header-inner{max-width:var(--hp-wrap);margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}.hp-header-left{display:flex;align-items:center;gap:24px}.hp-logo img{height:38px;width:auto;display:block}.hp-catalog-drop{position:relative}.hp-catalog-btn{background:none;border:none;font-family:var(--hp-font);font-size:.9rem;font-weight:600;color:var(--hp-text);cursor:pointer;display:flex;align-items:center;gap:5px;padding:6px 0;transition:color .15s}.hp-catalog-btn:hover{color:var(--hp-blue)}.hp-arrow{font-size:.6rem;transition:transform .2s;display:inline-block}.hp-arrow.open{transform:rotate(180deg)}.hp-drop-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--hp-border);border-radius:12px;padding:6px;min-width:185px;box-shadow:0 8px 28px #0000001a;z-index:300}.hp-drop-item{display:block;padding:9px 14px;border-radius:8px;font-size:.86rem;font-weight:500;color:var(--hp-text);transition:background .15s,color .15s}.hp-drop-item:hover{background:#f3f4f6;color:var(--hp-blue)}.hp-header-right{display:flex;align-items:center;gap:14px}.hp-search-wrap{position:relative}.hp-search-box{display:flex;align-items:center;gap:8px;width:260px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff9;transition:border-color .15s,background .15s}.hp-search-box:focus-within{border-color:#ffffff59;background:#ffffff24}.hp-search-input{border:none;outline:none;background:none;font-family:var(--hp-font);font-size:.84rem;color:#fff;width:100%}.hp-search-input::placeholder{color:#ffffff73}.hp-search-drop{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid var(--hp-border);border-radius:var(--hp-r);box-shadow:0 12px 32px #0000001f;padding:6px;z-index:200}.hp-search-empty{padding:20px 14px;font-size:.82rem;color:var(--hp-muted);text-align:center}.hp-search-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;transition:background .12s}.hp-search-item:hover{background:#f3f4f6}.hp-search-item-main{min-width:0}.hp-search-item-title{font-size:.86rem;font-weight:600;color:var(--hp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-search-item-snippet{font-size:.74rem;color:var(--hp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.hp-search-chip{flex-shrink:0;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}@media (max-width: 720px){.hp-search-box{width:44px;padding:8px}.hp-search-input{display:none}.hp-search-drop{width:300px}}.hp-nav-link{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--hp-text);transition:color .15s;white-space:nowrap}.hp-nav-link:hover{color:var(--hp-blue)}.hp-nav-soon{font-size:.56rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#d97706;background:#f59e0b14;border:1px solid rgba(245,158,11,.22);border-radius:4px;padding:2px 6px}.hp-avatar-wrap{position:relative}.hp-avatar{width:36px;height:36px;padding:0;border-radius:50%;background:var(--hp-blue);color:#fff;border:none;font-family:var(--hp-font);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hp-avatar:hover{background:var(--hp-blue-dark)}.hp-avatar-menu{position:absolute;top:calc(100% + 10px);right:0;background:#1a1a2e;border:1px solid rgba(108,99,255,.2);border-radius:10px;min-width:160px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:200}.hp-avatar-name{display:block;padding:10px 14px 8px;font-size:.72rem;color:#6b7280;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .12s}.hp-avatar-name:hover{color:#fff}.hp-avatar-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.83rem;font-weight:500;color:#e0e0f0;background:none;border:none;cursor:pointer;font-family:var(--hp-font);text-decoration:none;transition:background .12s}.hp-avatar-item:hover{background:#6c63ff1f;color:#fff}.hp-avatar-menu .hp-avatar-item{color:#e0e0f0}.hp-avatar-menu .hp-avatar-name{color:#6b7280}.hp-avatar-menu .hp-avatar-name:hover{color:#fff}.hp-header .hp-drop-item{color:var(--hp-text)}.hp-footer .hp-footer-link{color:#ffffff80}.hp-footer .hp-footer-social{color:#fff}.hp-footer .hp-footer-contact-row{color:#fff9}.hp-avatar-logout{color:#f87171}.hp-avatar-logout:hover{background:#f871711a;color:#f87171}.hp-footer{background:#000;color:#fff;font-family:var(--hp-font)}.hp-footer-grid{max-width:var(--hp-wrap);margin:0 auto;padding:56px 24px 40px;display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:40px}.hp-footer-grid>div{min-width:0}.hp-footer-logo img{height:40px;width:auto;margin-bottom:14px}.hp-footer-tagline{font-size:.8rem;color:#ffffff73;line-height:1.75;margin-bottom:22px;max-width:230px}.hp-footer-socials{display:flex;gap:10px}.hp-footer-social{width:36px;height:36px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s,border-color .15s}.hp-footer-social:hover{background:#ffffff1f;border-color:#ffffff47}.hp-footer-wa{background:#25d3661f;border-color:#25d3664d;color:#25d366}.hp-footer-wa:hover{background:#25d36638;border-color:#25d3668c}.hp-footer-contact{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.hp-footer-contact-row{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#fff9;text-decoration:none;transition:color .15s}.hp-footer-contact-row:hover{color:#ffffffe6}.hp-footer-col-heading{font-size:.56rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;margin-bottom:16px}.hp-footer-link{display:block;color:#ffffff80;font-size:.8rem;margin-bottom:10px;transition:color .15s}.hp-footer-link:hover{color:#ffffffe6}.hp-footer-divider{max-width:var(--hp-wrap);margin:0 auto;padding:0 24px}.hp-footer-divider-line{height:1px;background:#ffffff12}.hp-footer-bottom{max-width:var(--hp-wrap);margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.hp-footer-copy{font-size:.72rem;color:#ffffff4d}.hp-footer-made{font-size:.72rem;color:#ffffff38}@media (max-width: 900px){.hp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 640px){.hp-nav-link{display:none}}@media (max-width: 480px){.hp-footer-grid{grid-template-columns:1fr}}