:root{--bg-canvas:#0b0f0e;--bg-surface:#121816;--bg-elevated:#18201e;--bg-subtle:#1e2825;--border-neutral:#ffffff14;--border-strong:#ffffff24;--text-primary:#f4f6f5;--text-secondary:#a6b3ae;--text-muted:#6e7d78;--color-primary:#10b981;--color-primary-hover:#059669;--color-primary-soft:#10b9811f;--color-accent:#d97706;--color-accent-soft:#d9770624;--color-danger:#ef4444;--color-danger-soft:#ef444424;--color-warning:#f59e0b;--color-info:#0ea5e9;--font-heading:"Fraunces", Georgia, serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 12px 32px -8px #00000080, 0 1px 0 0 #ffffff0d inset;--shadow-modal:0 24px 64px -12px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}body{background-color:var(--bg-canvas);min-height:100vh;color:var(--text-primary);overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.mono{font-family:var(--font-mono);letter-spacing:-.01em}.container{width:100%;max-width:1260px;margin:0 auto;padding:0 1.25rem}@media (width>=768px){.container{padding:0 2rem}}.site-header{z-index:60;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-neutral);background:#0b0f0ee0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:4.5rem;display:flex}.brand-mark{cursor:pointer;align-items:center;gap:.75rem;display:flex}.brand-crest{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-strong);width:2.35rem;height:2.35rem;color:var(--color-primary);font-family:var(--font-heading);justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.brand-title{font-family:var(--font-heading);letter-spacing:.04em;font-size:1.15rem;font-weight:700;line-height:1.1}.brand-subtitle{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-family:var(--font-body);display:block}.nav-links{align-items:center;gap:1.65rem;display:none}@media (width>=980px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .18s}.nav-link:hover{color:var(--text-primary)}.header-actions{align-items:center;gap:.65rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.2rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#04130d}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);color:#fff;transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:#0b0f0e}.btn-accent:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}.btn-danger{background-color:var(--color-danger-soft);color:#fca5a5;border-color:#ef44444d}.btn-sm{padding:.42rem .85rem;font-size:.8rem}.btn-lg{padding:.88rem 1.65rem;font-size:.96rem}.hero-section{border-bottom:1px solid var(--border-neutral);background:radial-gradient(circle at 80% 25%,#10b98114,#0000 55%),radial-gradient(circle at 20% 80%,#d977060f,#0000 50%);padding:3.5rem 0 4.5rem;position:relative}.hero-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (width>=960px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:3.5rem}}.eyebrow-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent);margin-bottom:1rem;font-size:.75rem;display:block}.hero-title{letter-spacing:-.025em;margin-bottom:1.25rem;font-size:clamp(2.1rem,4.2vw,3.45rem)}.hero-description{color:var(--text-secondary);max-width:60ch;margin-bottom:2rem;font-size:1.05rem}.hero-cta-row{flex-wrap:wrap;gap:.9rem;margin-bottom:2.5rem;display:flex}.hero-metrics-strip{border-top:1px solid var(--border-neutral);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding-top:1.75rem;display:grid}.hero-3d-frame{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-neutral);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;min-height:390px;display:flex;position:relative;overflow:hidden}.section-block{border-bottom:1px solid var(--border-neutral);padding:4.5rem 0}.section-header{max-width:720px;margin-bottom:2.75rem}.section-title{margin-bottom:.75rem;font-size:clamp(1.65rem,3vw,2.35rem)}.section-subtitle{color:var(--text-secondary);font-size:1rem}.surface-card{background-color:var(--bg-surface);border:1px solid var(--border-neutral);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.5rem;transition:transform .2s,background-color .2s}.surface-card-interactive:hover{background-color:var(--bg-elevated);transform:translateY(-2px)}.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem;display:grid}.grid-4{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.package-card{background:var(--bg-surface);border:1px solid var(--border-neutral);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.package-media{background:#080b0a;height:210px;position:relative;overflow:hidden}.package-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.package-card:hover .package-media img{transform:scale(1.04)}.package-body{flex-direction:column;flex:1;padding:1.65rem;display:flex}.price-tag{font-family:var(--font-mono);color:var(--text-primary);font-size:1.85rem;font-weight:600}.status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:.35rem;padding:.22rem .65rem;display:inline-flex}.badge-success{background:var(--color-primary-soft);color:#34d399}.badge-warning{background:var(--color-accent-soft);color:#fbbf24}.badge-danger{background:var(--color-danger-soft);color:#f87171}.badge-neutral{color:var(--text-secondary);background:#ffffff12}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-input,.form-select,.form-textarea{background-color:var(--bg-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:.68rem .9rem;font-size:.92rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none}.form-input:disabled{color:var(--text-muted);cursor:not-allowed;background-color:#ffffff08}.app-shell{grid-template-columns:1fr;min-height:calc(100vh - 4.5rem);display:grid}@media (width>=980px){.app-shell{grid-template-columns:260px 1fr}}.app-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-neutral);flex-direction:column;gap:.25rem;padding:1.25rem .85rem;display:flex}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.68rem .9rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--text-primary);background-color:#ffffff0a}.sidebar-item.active{background-color:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.app-main{padding:1rem;overflow-x:hidden}@media (width>=768px){.app-main{padding:2.25rem}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border-neutral);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.data-table th{background-color:var(--bg-elevated);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-neutral);white-space:nowrap;padding:.85rem 1rem;font-size:.74rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-neutral);color:var(--text-primary);vertical-align:middle;padding:.88rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff05}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050807d1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-modal);padding:1.75rem;overflow-y:auto}.tab-strip{border-bottom:1px solid var(--border-neutral);flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem;padding-bottom:.85rem;display:flex}.tab-pill{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-neutral);cursor:pointer;padding:.48rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s}.tab-pill.active{background:var(--color-primary);color:#04130d;border-color:var(--color-primary)}.android-bottom-nav{display:none}@media (width<=979px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.app-sidebar{z-index:45;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-right:none;border-bottom:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121816f5;flex-direction:row;align-items:center;gap:.45rem;padding:.55rem .75rem;position:sticky;top:3.85rem;overflow-x:auto}.app-sidebar::-webkit-scrollbar{display:none}.app-sidebar>div:first-child{display:none!important}.sidebar-item{white-space:nowrap;border:1px solid var(--border-neutral);background:var(--bg-elevated);border-radius:999px;flex-shrink:0;gap:.4rem;width:auto;padding:.5rem .85rem;font-size:.8rem}.sidebar-item.active{background:var(--color-primary);color:#04130d;border-color:var(--color-primary)}.android-bottom-nav{z-index:85;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-strong);background:#0e1312f7;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000008c}.android-nav-btn{height:100%;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;font-size:.68rem;font-weight:600;transition:color .15s;display:flex}.android-nav-btn.active{color:var(--color-primary)}}@media (width<=640px){.container{padding:0 .9rem}.header-inner{gap:.5rem;height:3.85rem}.brand-crest{width:2rem;height:2rem;font-size:1rem}.brand-title{font-size:.96rem}.brand-subtitle,.hide-on-mobile{display:none!important}.header-actions{gap:.35rem}.header-actions .btn-sm{padding:.38rem .62rem;font-size:.74rem}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.surface-card{padding:1.05rem}.hero-section{padding:1.85rem 0 2.5rem}.hero-title{font-size:1.75rem;line-height:1.22}.hero-description{margin-bottom:1.35rem;font-size:.92rem}.hero-cta-row{flex-direction:column;gap:.65rem;margin-bottom:1.75rem}.hero-cta-row .btn{width:100%}.hero-3d-frame{min-height:290px}.section-block{padding:2.5rem 0}.form-input,.form-select,.form-textarea{min-height:44px;padding:.6rem .8rem;font-size:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{max-width:100%;max-height:92dvh;padding:1.25rem 1.1rem calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.data-table th,.data-table td{padding:.65rem .75rem;font-size:.78rem}}@keyframes shimmerPulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:var(--bg-surface,#121816);border:1px solid var(--border-neutral,#ffffff14);position:relative;overflow:hidden}.skeleton-line,.skeleton-bar,.skeleton-media{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:4px;animation:1.8s ease-in-out infinite shimmerPulse}.surface-card{-webkit-backdrop-filter:blur(12px);background:#121816e0;border:1px solid #ffffff12;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0f}.surface-card:hover{border-color:#10b98140;box-shadow:0 14px 36px -10px #000000a6,inset 0 1px #ffffff1a}.package-card{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s}.package-card:hover{border-color:#10b98166;transform:translateY(-4px);box-shadow:0 20px 48px -12px #10b98126,0 0 0 1px #10b98140}
