@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--glass-bg-dark: rgba(9, 9, 11, .85);--glass-bg-light: rgba(24, 24, 27, .6);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--color-gold: #fbbf24;--color-gold-dim: #d97706;--color-zinc-800: #27272a;--color-zinc-900: #18181b;--animation-speed: .3s}.glass-panel{background:var(--glass-bg-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.glass-panel-lighter{background:var(--glass-bg-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.premium-card{background:linear-gradient(145deg,#27272a66,#18181b66);border:1px solid var(--glass-border);border-radius:.75rem;transition:all var(--animation-speed) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:.5}.premium-card:hover{transform:translateY(-2px);border-color:#fbbf244d;box-shadow:0 10px 15px -3px #0000004d;background:linear-gradient(145deg,#27272a99,#18181b99)}.premium-card.active{border-color:var(--color-gold);box-shadow:0 0 15px #fbbf2426}.btn-premium{position:relative;background:linear-gradient(to bottom,#27272a,#18181b);border:1px solid #3f3f46;color:#e4e4e7;font-family:Cinzel,serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s ease;overflow:hidden}.btn-premium:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold);box-shadow:0 0 10px #fbbf241a;background:linear-gradient(to bottom,#3f3f46,#27272a)}.btn-premium:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn-premium-primary{background:linear-gradient(to bottom,#fbbf2433,#d9770633);border-color:#fbbf2480;color:var(--color-gold)}.btn-premium-primary:hover:not(:disabled){background:linear-gradient(to bottom,#fbbf244d,#d977064d);border-color:var(--color-gold);box-shadow:0 0 15px #fbbf2440}.progress-container{background:#00000080;border-radius:9999px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:9999px;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent)}.text-gold{color:var(--color-gold)}.text-zinc-200{color:#e4e4e7}.text-zinc-400{color:#a1a1aa}.font-cinzel{font-family:Cinzel,serif}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-glow{text-shadow:0 0 10px rgba(251,191,36,.3)}.combat-log-glass{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-left:2px solid rgba(255,255,255,.1)}.enemy-flame-embed{position:absolute;bottom:0;left:0;right:0;height:60%;background:radial-gradient(circle at bottom,rgba(239,68,68,.2),transparent 70%);pointer-events:none;z-index:0}@keyframes pulse-gold{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 10px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.animate-pulse-gold{animation:pulse-gold 2s infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root{--saas-bg: #050505;--saas-card: rgba(18, 18, 18, .7);--saas-accent: #3b82f6;--saas-accent-glow: rgba(59, 130, 246, .5);--saas-gold: #f59e0b;--saas-gold-glow: rgba(245, 158, 11, .3);--glass-blur: 24px;--glass-border: rgba(255, 255, 255, .08);--glass-surface: rgba(255, 255, 255, .03);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--spring-duration: .5s;--spring-bounce: cubic-bezier(.34, 1.56, .64, 1)}body{background-color:var(--saas-bg);color:#f4f4f5;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% -20%,rgba(59,130,246,.1) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(245,158,11,.05) 0%,transparent 40%);background-attachment:fixed}.premium-2026-card{background:var(--saas-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #00000080,inset 0 1px 1px #ffffff0d;transition:border-color .3s ease;position:relative;overflow:hidden}.premium-2026-card:hover{border-color:#ffffff26}.premium-2026-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03),transparent);transform:translate(-100%) skew(-20deg);transition:opacity .5s ease;pointer-events:none;opacity:0;z-index:10}.premium-2026-card:hover:after{opacity:1;animation:shimmer-premium 2s infinite linear}@keyframes shimmer-premium{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(100%) skew(-20deg)}}.btn-saas{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn-saas:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-saas-primary{background:var(--saas-accent);border:none;box-shadow:0 0 20px var(--saas-accent-glow)}.btn-saas-primary:hover{background:#2563eb;box-shadow:0 0 30px var(--saas-accent-glow)}.heading-premium{font-family:Outfit,sans-serif;letter-spacing:-.02em;background:linear-gradient(to bottom right,#fff,#a1a1aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.bento-item{grid-column:span 12}.nav-link-saas{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);color:#a1a1aa;font-weight:500;transition:all .2s ease;position:relative}.nav-link-saas:hover{color:#fff;background:#ffffff0d}.nav-link-saas.active{color:#fff;background:#3b82f626;box-shadow:inset 0 0 10px #3b82f61a}.nav-link-saas.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:12px;height:2px;background:var(--saas-accent);border-radius:2px;box-shadow:0 0 8px var(--saas-accent-glow)}.glass-panel-saas{background:#17171799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0000005e}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite linear}.bg-vitals-health{background:linear-gradient(90deg,#ef4444,#dc2626)}.bg-vitals-magicka{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bg-vitals-stamina{background:linear-gradient(90deg,#22c55e,#16a34a)}@media(min-width:768px){.bento-item-4{grid-column:span 4}.bento-item-8{grid-column:span 8}.bento-item-6{grid-column:span 6}}.level-badge{display:inline-flex;flex-direction:column;align-items:center;position:relative;font-size:13px}.level-badge__svg{display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));overflow:visible}.level-badge__svg text{font-weight:700;paint-order:stroke fill;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.level-badge--compact{font-size:13px}.level-badge--compact .level-badge__svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.level-badge--compact .level-badge__svg text{font-weight:900;stroke-opacity:.75;fill:#fff}.level-badge--pulse{animation:levelBadgePulse 1.1s ease-out}.level-badge--pulse .level-badge__svg{filter:drop-shadow(0 8px 14px rgba(212,164,74,.45));transform-origin:center center}@keyframes levelBadgePulse{0%{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(1.04)}to{transform:scale(1)}}.level-badge__decor{opacity:.95}@media(prefers-reduced-motion:reduce){.level-badge__svg{transition:none}.level-badge--pulse{animation:none}}.xp-progress__bar{height:14px;position:relative;background:#0a0c10cc;border-radius:9999px}.xp-progress__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#b8860b,gold);transition:width .7s cubic-bezier(.2,.9,.2,1);min-width:6px;border-radius:9999px}.xp-progress__fill:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14);mix-blend-mode:overlay;border-radius:9999px}.xp-progress{position:relative;padding-bottom:6px}.xp-progress__fill{background-size:200% 100%;animation:xpShift 5s ease-in-out infinite alternate}@keyframes xpShift{0%{background-position:0% 50%}to{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.xp-progress__fill{animation:none}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 6s linear infinite}.epic-glow{position:relative}.epic-glow:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;border-radius:8px;pointer-events:none;background:radial-gradient(closest-side,#f472b61f,#7c3aed00)}.legendary-glow{position:relative;box-shadow:0 4px 10px #facc1514}.legendary-glow:after{content:"";position:absolute;left:-6px;right:-6px;top:-6px;bottom:-6px;border-radius:10px;pointer-events:none;background:radial-gradient(closest-side,#ffefa51f,#f59e0b00);filter:blur(2px);will-change:opacity,transform;transform:translateZ(0)}@keyframes legendary-pulse{0%{transform:scale(.985);opacity:.92}50%{transform:scale(1.01);opacity:1}to{transform:scale(.985);opacity:.92}}.legendary-pulse{animation:legendary-pulse 2.8s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.legendary-pulse{animation:none!important}.legendary-glow:after{filter:none!important;opacity:.6!important}}.custom-scrollbar{direction:rtl;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.custom-scrollbar>*{direction:ltr}.custom-scrollbar::-webkit-scrollbar{width:10px;height:10px;background:transparent}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;margin:6px 0;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:9999px;border:2px solid rgba(0,0,0,0);box-shadow:inset 0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff12}.custom-scrollbar.custom-scrollbar--subtle::-webkit-scrollbar-thumb{background:#ffffff08}.custom-scrollbar:focus-visible::-webkit-scrollbar-thumb{background:#ffffff17}.custom-scrollbar{-webkit-overflow-scrolling:touch}