
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');
.uee-vanston{
  --bg:#ffffff;
  --card:#000000;
  --card-hover:#282e3c;
  --border:#343d4e;
  --amber:#c05e19;
  --amber-hover:#d46b20;
  --amber-text:#f9994f;
  --icon-bg:#000000;
  --text:#dfe3ea;
  --text-strong:#faf5ee;
  --muted:#a3a3a3;
  --muted-2:#737373;
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);
  background:var(--bg);
  position:relative;
  overflow:hidden;
  max-width:1280px;
  margin:0 auto;
}
.uee-vanston *{box-sizing:border-box;}
.uee-vanston a{text-decoration:none;}

/* Ambient glow, scoped inside component only */
.uee-v-glow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
.uee-v-glow i{position:absolute;border-radius:50%;filter:blur(64px);display:block;}
.uee-v-glow-1{top:-120px;left:-120px;width:500px;height:500px;background:radial-gradient(circle, rgba(192,94,25,.15), rgba(255,155,78,.10) 40%, transparent 70%);}
.uee-v-glow-2{top:33%;right:-120px;width:460px;height:460px;background:radial-gradient(circle, rgba(217,119,6,.10), rgba(45,55,72,.30) 50%, transparent 70%);}
.uee-v-glow-3{bottom:-60px;left:25%;width:560px;height:360px;background:radial-gradient(circle, rgba(192,94,25,.10), rgba(34,40,52,.40) 50%, transparent 70%);}

.uee-v-inner{position:relative;z-index:10;}
.uee-v-main{padding:56px 24px;}
@media(min-width:640px){.uee-v-main{padding:80px 48px;}}
@media(min-width:1024px){.uee-v-main{padding:96px 80px;}}
.uee-v-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:48px;}
@media(min-width:640px){.uee-v-container{gap:64px;}}

/* Three hub cards */
.uee-v-hubs{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:768px){.uee-v-hubs{grid-template-columns:repeat(3,1fr);gap:32px;}}
.uee-v-hub{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:all .3s ease;}
@media(min-width:640px){.uee-v-hub{padding:48px;}}
.uee-v-hub:hover{border-color:var(--amber);background:var(--card-hover);transform:translateY(-6px);}
.uee-v-hub-bg{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(192,94,25,.10), transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;}
.uee-v-hub:hover .uee-v-hub-bg{opacity:1;}
.uee-v-icon{position:relative;width:80px;height:80px;margin-bottom:24px;border-radius:16px;background:var(--icon-bg);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#e2e8f0;transition:all .3s ease;}
.uee-v-icon svg{width:44px;height:44px;}
.uee-v-hub:hover .uee-v-icon{color:var(--amber-text);border-color:rgba(192,94,25,.60);transform:scale(1.05);}
.uee-v-hub span{position:relative;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#fff;transition:color .3s ease;}
@media(min-width:640px){.uee-v-hub span{font-size:30px;}}
.uee-v-hub:hover span{color:var(--amber-text);}
.uee-v-hub .uee-v-line{position:relative;margin-top:16px;width:24px;height:2px;background:#4e5a70;border-radius:999px;transition:all .3s ease;}
.uee-v-hub:hover .uee-v-line{width:48px;background:var(--amber);}

/* Welcome block */
.uee-v-welcome{position:relative;background:#000000;border:1px solid #374152;border-radius:24px;padding:32px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);}
@media(min-width:640px){.uee-v-welcome{padding:56px;}}
@media(min-width:1024px){.uee-v-welcome{padding:64px;}}
.uee-v-welcome-glow{position:absolute;top:0;right:0;width:384px;height:384px;background:radial-gradient(circle at top right, rgba(192,94,25,.15), transparent 70%);border-radius:50%;filter:blur(48px);pointer-events:none;}
.uee-v-welcome-inner{position:relative;z-index:10;}
.uee-v-pill{display:inline-block;margin-bottom:24px;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#3d1e0c;color:#f7a25b;border:1px solid rgba(107,53,19,.4);}
.uee-v-welcome-grid{display:grid;grid-template-columns:1fr;gap:40px;}
@media(min-width:1024px){.uee-v-welcome-grid{grid-template-columns:5fr 7fr;gap:64px;align-items:start;}}
.uee-v-welcome h1{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--text-strong);margin:0;}
@media(min-width:640px){.uee-v-welcome h1{font-size:48px;}}
@media(min-width:1024px){.uee-v-welcome h1{font-size:60px;}}
.uee-v-welcome-bar{display:flex;align-items:center;gap:8px;margin-top:24px;}
.uee-v-welcome-bar .b1{width:48px;height:4px;background:var(--amber);border-radius:999px;}
.uee-v-welcome-bar .b2{width:6px;height:6px;background:var(--amber);border-radius:50%;}
.uee-v-welcome-body{display:flex;flex-direction:column;gap:24px;font-size:16px;line-height:1.7;color:#d2d9e4;}
@media(min-width:640px){.uee-v-welcome-body{font-size:18px;}}
.uee-v-welcome-body p{margin:0;}
.uee-v-welcome-body .lead{border-left:2px solid var(--amber);padding:2px 0 2px 16px;color:#f5f5f5;font-weight:500;}

/* Footer */
.uee-v-footer{background:#131720;border-top:1px solid #293140;padding:48px 24px;position:relative;z-index:10;}
@media(min-width:640px){.uee-v-footer{padding:48px 48px;}}
@media(min-width:1024px){.uee-v-footer{padding:48px 80px;}}
.uee-v-footer-in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;}
.uee-v-social{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:32px;font-size:14px;font-weight:600;}
@media(min-width:640px){.uee-v-social{gap:56px;font-size:16px;}}
.uee-v-social a{display:flex;align-items:center;gap:10px;color:var(--muted);transition:all .3s ease;}
.uee-v-social a:hover{color:var(--amber-text);transform:translateY(-2px);}
.uee-v-social svg{width:20px;height:20px;}
.uee-v-copy{font-size:12px;color:var(--muted-2);font-weight:400;}
@media(min-width:640px){.uee-v-copy{font-size:14px;}}
