:root{--holder-bg: #f4f8f6;--holder-ink: #12233f;--holder-muted: #627086;--holder-card: rgba(255, 255, 255, .54);--holder-border: rgba(255, 255, 255, .62);--holder-orange: #f89f1f;--holder-orange-dark: #d85922;--holder-green: #b8e4dc;--holder-mint: #7ecdc3}*{box-sizing:border-box}html,body{min-height:100%}body.mango-hub-theme{margin:0;min-height:100vh;color:var(--holder-ink);font-family:Poppins,Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 12%,rgba(248,159,31,.22),transparent 24rem),radial-gradient(circle at 84% 18%,rgba(126,205,195,.46),transparent 28rem),radial-gradient(circle at 50% 100%,rgba(216,89,34,.13),transparent 34rem),linear-gradient(135deg,#fffaf5,#f5fbfb 46%,#edf7f4)}.holder-shell{position:relative;min-height:100vh;padding:clamp(1.25rem,4vw,4rem);overflow:hidden}.holder-shell:before{content:"";position:absolute;inset:clamp(1rem,4vw,3rem);border:1px solid rgba(255,255,255,.58);border-radius:clamp(1.5rem,4vw,3.25rem);background:linear-gradient(135deg,#fff3,#ffffff0a);pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.holder-card{position:relative;width:min(100%,1080px);margin:0 auto;padding:clamp(2rem,4.5vw,3.75rem);text-align:center;border:1px solid var(--holder-border);border-radius:clamp(1.75rem,5vw,3.5rem);background:var(--holder-card);box-shadow:inset 0 1px #ffffffd1,inset 0 0 0 1px #ffffff38,0 2rem 5rem #12233f21;overflow:hidden;isolation:isolate;backdrop-filter:blur(38px) saturate(1.18);-webkit-backdrop-filter:blur(38px) saturate(1.18)}.holder-hero{width:min(100%,630px);margin:0 auto}.holder-orbit{position:absolute;z-index:-1;border-radius:999px;filter:blur(4px);opacity:.9}.holder-orbit-one{top:-6rem;right:-5rem;width:17rem;height:17rem;background:#f89f1f33}.holder-orbit-two{bottom:-7rem;left:-6rem;width:19rem;height:19rem;background:#b8e4dc70}.holder-logo-wrap{display:inline-flex;align-items:center;justify-content:center;min-width:13rem;min-height:6.5rem;margin-bottom:1.45rem}.holder-logo{display:block;max-width:min(300px,64vw);max-height:122px;object-fit:contain}.holder-eyebrow{margin:0 0 .75rem;color:var(--holder-orange-dark);font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.holder-card h1{margin:0;color:var(--holder-ink);font-size:clamp(2.05rem,4.5vw,3.45rem);line-height:.98;letter-spacing:-.06em}.holder-text{width:min(100%,34rem);margin:1.2rem auto 0;color:var(--holder-muted);font-size:clamp(.95rem,1.45vw,1.08rem);line-height:1.7}.holder-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.35rem);margin-top:clamp(1.8rem,4vw,3.25rem);text-align:left}.holder-project{position:relative;display:flex;--project-accent: var(--holder-orange-dark);--project-accent-soft: rgba(248, 159, 31, .14);--project-gradient: linear-gradient(135deg, var(--holder-orange) 0%, var(--holder-orange-dark) 100%);--project-shadow: rgba(216, 89, 34, .24);min-height:17.5rem;flex-direction:column;justify-content:space-between;padding:clamp(1.2rem,2.6vw,1.8rem);border:1px solid rgba(255,255,255,.66);border-radius:clamp(1.35rem,3vw,2.25rem);background:linear-gradient(145deg,#fff9,#ffffff38),radial-gradient(circle at 88% 12%,rgba(248,159,31,.18),transparent 12rem);box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #ffffff2e,0 1.2rem 2.6rem #12233f17;overflow:hidden;backdrop-filter:blur(26px) saturate(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.12);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.holder-project:before{content:"";position:absolute;top:1.25rem;right:1.25rem;width:6.6rem;height:6.6rem;border-radius:999px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),transparent 28%),#f89f1f2e;filter:blur(.5px)}.holder-project:hover{transform:translateY(-.35rem);border-color:#ffffffd1;box-shadow:inset 0 1px #ffffffc7,inset 0 0 0 1px #ffffff3d,0 1.8rem 3.8rem #12233f21}.holder-project-mint{--project-accent: #287c73;--project-accent-soft: rgba(126, 205, 195, .18);--project-gradient: linear-gradient(135deg, #8ae1d4 0%, #287c73 100%);--project-shadow: rgba(40, 124, 115, .24);background:linear-gradient(145deg,#fff9,#ffffff38),radial-gradient(circle at 88% 12%,rgba(126,205,195,.28),transparent 12rem)}.holder-project-mint:before{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.72),transparent 28%),#7ecdc347}.holder-project-content{position:relative;z-index:1;max-width:calc(100% - 5.25rem)}.holder-project-icon{position:absolute;top:1.15rem;right:1.15rem;z-index:1;display:grid;width:5.75rem;height:5.75rem;place-items:center;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:#ffffff57;box-shadow:inset 0 1px #ffffffbd,0 1rem 2rem #12233f14;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.holder-project-icon img{display:block;width:64%;height:64%;object-fit:contain}.holder-project-type{display:inline-flex;margin-bottom:1.2rem;padding:.45rem .66rem;border-radius:999px;color:var(--project-accent);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--project-accent-soft)}.holder-project-mint .holder-project-type{color:#287c73;background:#7ecdc32e}.holder-project h2{margin:0;color:var(--holder-ink);font-size:clamp(1.75rem,3.6vw,3rem);line-height:.95;letter-spacing:-.065em}.holder-project p{margin:1rem 0 0;color:var(--holder-muted);font-size:.94rem;line-height:1.66}.holder-project-link{position:relative;z-index:1;display:inline-flex;width:fit-content;align-items:center;gap:.65rem;margin-top:1.8rem;padding:.9rem 1.08rem .9rem 1.32rem;border:0;border-radius:999px;color:#fff;font-size:.92rem;font-weight:750;line-height:1;text-decoration:none;background:var(--project-gradient);box-shadow:inset 0 1px #ffffff5c,0 1rem 2rem var(--project-shadow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.holder-project-link span:last-child{display:inline-grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:999px;color:currentColor;background:#ffffff2e;transition:transform .2s ease}.holder-project-link:hover,.holder-project-link:focus-visible{color:#fff;transform:translateY(-2px);filter:saturate(1.06);box-shadow:inset 0 1px #ffffff6b,0 1.25rem 2.5rem var(--project-shadow)}.holder-project-link:hover span:last-child,.holder-project-link:focus-visible span:last-child{transform:translate(.18rem)}@media(max-width:640px){.holder-shell{padding:1rem}.holder-shell:before{inset:.75rem}.holder-card{padding:2rem 1.25rem}.holder-projects{grid-template-columns:1fr}.holder-project{min-height:16.5rem}.holder-project:before{top:1rem;right:1rem;width:5.6rem;height:5.6rem}.holder-project-content{max-width:none}.holder-project-icon{top:1rem;right:1rem;width:4.85rem;height:4.85rem;margin-bottom:0}.holder-project-type{max-width:calc(100% - 5.75rem)}.holder-logo-wrap{min-width:0;width:min(100%,16rem)}}