:is(.homepage-brown,.portal-brown){--hp-deep:#4a210f;--hp-chocolate:#6b2f12;--hp-coffee:#8a431c;--hp-copper:#c86b2a;--hp-champagne:#d9a441;--hp-ivory:#fff8ef;--hp-cream:#f8efe5;--hp-white:#fff;--hp-text:#2b170e;--hp-brown:var(--hp-chocolate);--hp-brown-dark:var(--hp-deep);--hp-gold:var(--hp-champagne);--hp-glass:#fff8efe0;--hp-shadow:0 8px 32px -8px #4a210f24, 0 4px 16px -4px #4a210f14}.homepage-brown{background:var(--hp-ivory);color:var(--hp-text)}.portal-brown{background:linear-gradient(180deg, var(--hp-ivory) 0%, var(--hp-white) 45%, var(--hp-cream) 100%);min-height:100vh;color:var(--hp-text)}:is(.homepage-brown,.portal-brown) .hp-glass{background:var(--hp-glass);-webkit-backdrop-filter:blur(16px);box-shadow:var(--hp-shadow);border:1px solid #d9a44138}:is(.homepage-brown,.portal-brown) .hp-card{background:var(--hp-white);box-shadow:var(--hp-shadow);border:1px solid #6b2f121a;border-radius:1.25rem;transition:transform .25s,box-shadow .25s}:is(.homepage-brown,.portal-brown) .hp-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px #4a210f2e}:is(.homepage-brown,.portal-brown) .hp-btn-primary{background:linear-gradient(135deg, var(--hp-chocolate) 0%, var(--hp-deep) 100%);color:var(--hp-white);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #4a210f59}:is(.homepage-brown,.portal-brown) .hp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4a210f73}:is(.homepage-brown,.portal-brown) .hp-btn-outline{color:var(--hp-chocolate);background:#ffffffeb;border:1.5px solid #6b2f1240;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .25s;display:inline-flex}:is(.homepage-brown,.portal-brown) .hp-btn-outline:hover{background:var(--hp-white);border-color:var(--hp-champagne);color:var(--hp-deep)}:is(.homepage-brown,.portal-brown) .hp-btn-secondary{background:var(--hp-white);color:var(--hp-chocolate);border:1px solid #6b2f1226;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}:is(.homepage-brown,.portal-brown) .hp-btn-secondary:hover{background:var(--hp-cream);border-color:var(--hp-champagne)}:is(.homepage-brown,.portal-brown) .hp-section-cream{background:var(--hp-cream)}:is(.homepage-brown,.portal-brown) .hp-section-ivory{background:var(--hp-ivory)}:is(.homepage-brown,.portal-brown) .hp-section-white{background:var(--hp-white)}:is(.homepage-brown,.portal-brown) .hp-hero-bg{background:radial-gradient(ellipse at 12% 18%, #d9a4412e, transparent 42%), radial-gradient(ellipse at 88% 12%, #c86b2a1f, transparent 40%), linear-gradient(180deg, var(--hp-ivory) 0%, var(--hp-cream) 55%, #f3e6d8 100%)}:is(.homepage-brown,.portal-brown) .hp-text-label{letter-spacing:.05em;text-transform:uppercase;color:var(--hp-copper);font-size:.75rem;font-weight:700}:is(.homepage-brown,.portal-brown) .hp-text-title{color:var(--hp-deep)}:is(.homepage-brown,.portal-brown) .hp-nav-active{color:var(--hp-chocolate);box-shadow:inset 0 -2px 0 var(--hp-chocolate)}:is(.homepage-brown,.portal-brown) .hp-nav-inactive{color:#5c4033}:is(.homepage-brown,.portal-brown) .hp-nav-inactive:hover{color:var(--hp-chocolate)}:is(.homepage-brown,.portal-brown) .hp-icon-badge{background:linear-gradient(135deg, var(--hp-chocolate) 0%, var(--hp-deep) 100%);color:var(--hp-white);border-radius:1rem;box-shadow:0 4px 12px #4a210f33}:is(.homepage-brown,.portal-brown) .skeleton-shimmer{background:linear-gradient(90deg,#f1ebe4 25%,#e8dfd6 50%,#f1ebe4 75%) 0 0/200% 100%;animation:1.5s infinite hp-shimmer}@keyframes hp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}:is(.homepage-brown,.portal-brown) .hp-animate-float{animation:4s ease-in-out infinite hp-float}:is(.homepage-brown,.portal-brown) .hp-up-badge{background:linear-gradient(135deg, #fffffff2 0%, var(--hp-cream) 100%);letter-spacing:.06em;text-transform:uppercase;color:var(--hp-chocolate);border:1px solid #d9a44166;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.6875rem;font-weight:700;display:inline-flex}:is(.homepage-brown,.portal-brown) .hp-section-divider{background:linear-gradient(90deg,#0000,#d9a44166,#0000);height:1px}:is(.homepage-brown,.portal-brown) .hp-gradient-brown{background:linear-gradient(135deg, var(--hp-chocolate) 0%, var(--hp-deep) 55%, #2b170e 100%)}:is(.homepage-brown,.portal-brown) .hp-stat-gold{background:linear-gradient(135deg, var(--hp-champagne) 0%, var(--hp-copper) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-btn-premium{transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 12px 28px -10px #4a210f59}.hero-btn-premium:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 0 24px #d9a44159,0 16px 36px -12px #4a210f66}.hero-btn-premium:active{transform:translateY(0)scale(.99)}.hero-btn-premium-outline{transition:transform .25s,box-shadow .25s,background-color .25s,border-color .25s}.hero-btn-premium-outline:hover{background-color:#fff8efe6;border-color:#d9a441a6;transform:translateY(-2px);box-shadow:0 0 20px #c86b2a33}@media (prefers-reduced-motion:reduce){:is(.homepage-brown,.portal-brown) .hp-card:hover{transform:none}:is(.homepage-brown,.portal-brown) .hp-animate-float{animation:none}.hero-btn-premium,.hero-btn-premium-outline{transition:none}.hero-btn-premium:hover,.hero-btn-premium-outline:hover{transform:none}}