:root{--zone-projects:linear-gradient(135deg,rgba(59,130,246,.03),rgba(147,51,234,.02));--zone-articles:linear-gradient(135deg,rgba(139,92,246,.03),rgba(236,72,153,.02));--zone-social:linear-gradient(135deg,rgba(16,185,129,.03),rgba(6,182,212,.02));--accent-success:linear-gradient(135deg,#10b981,#059669);--accent-create:linear-gradient(135deg,#8b5cf6,#7c3aed);--accent-premium:linear-gradient(135deg,#f59e0b,#f97316);--accent-info:linear-gradient(135deg,#3b82f6,#2563eb);--glow-blue:rgba(59,130,246,.25);--glow-purple:rgba(139,92,246,.25);--glow-emerald:rgba(16,185,129,.25)}.zone-projects{background:var(--zone-projects)}.zone-articles{background:var(--zone-articles)}.zone-social{background:var(--zone-social)}.card-primary{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-secondary{background:hsla(0,0%,100%,.04);border:1px solid rgba(148,163,184,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.25,.8,.25,1)}.card-accent{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.08));border:1px solid rgba(59,130,246,.3);box-shadow:0 0 30px rgba(59,130,246,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-interactive{cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-interactive:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(59,130,246,.5);box-shadow:0 20px 60px rgba(59,130,246,.25),0 8px 16px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.2)}.card-interactive:active{transform:translateY(-2px) scale(.99);transition:all .1s ease}.card-premium{position:relative;overflow:hidden}.card-premium:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-flow 3s linear infinite}@keyframes border-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.text-display{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-section{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:hsla(0,0%,100%,.95);position:relative;display:inline-block}.text-section:after{content:"";position:absolute;left:0;bottom:-8px;width:48px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s ease}.text-section:hover:after{width:100%}.text-stat{font-size:clamp(2rem,4vw,3rem);font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-micro{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(148,163,184,.8)}.text-gradient-cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.btn-primary-enhanced{position:relative;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff;font-weight:600;padding:14px 28px;border-radius:14px;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px rgba(59,130,246,.4),inset 0 1px 0 hsla(0,0%,100%,.2);cursor:pointer}.btn-primary-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .3s}.btn-primary-enhanced:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(59,130,246,.5),0 4px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-primary-enhanced:hover:before{opacity:1}.btn-primary-enhanced:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 16px rgba(59,130,246,.4),inset 0 2px 8px rgba(0,0,0,.2)}.btn-primary-enhanced:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.btn-primary-enhanced:hover:after{left:100%}.btn-enhanced-press{transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-enhanced-press:active{transform:scale(.95);box-shadow:inset 0 4px 8px rgba(0,0,0,.3)}.badge-success-enhanced{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.4);color:#10b981;box-shadow:0 0 16px rgba(16,185,129,.15);border-radius:8px}.badge-success-enhanced,.badge-warning-enhanced{padding:6px 12px;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:6px}.badge-warning-enhanced{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.15));border:1px solid rgba(245,158,11,.4);color:#f59e0b;box-shadow:0 0 16px rgba(245,158,11,.15);border-radius:8px;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.badge-error-enhanced{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.15));border:1px solid rgba(239,68,68,.4);color:#ef4444;box-shadow:0 0 16px rgba(239,68,68,.15);border-radius:8px}.badge-error-enhanced,.badge-info-enhanced{padding:6px 12px;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:6px}.badge-info-enhanced{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.15));border:1px solid rgba(59,130,246,.4);color:#3b82f6;box-shadow:0 0 16px rgba(59,130,246,.15);border-radius:8px}.badge-premium-enhanced{background:linear-gradient(135deg,#f59e0b,#f97316);border:1px solid rgba(245,158,11,.5);color:#fff;box-shadow:0 0 20px rgba(245,158,11,.4);padding:6px 12px;border-radius:8px;font-weight:600;font-size:.75rem;display:inline-flex;align-items:center;gap:6px;position:relative;overflow:hidden}.badge-premium-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.3) 50%,transparent 70%);animation:shimmer-premium 3s ease-in-out infinite}@keyframes shimmer-premium{0%{transform:translate(-100%,-100%) rotate(45deg)}to{transform:translate(100%,100%) rotate(45deg)}}.dashboard-background-enhanced{background:radial-gradient(at 0 0,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(at 100% 0,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.06) 0,transparent 50%),radial-gradient(at 0 100%,rgba(16,185,129,.06) 0,transparent 50%),#0f172a;animation:gradient-shift 20s ease infinite;background-size:100% 100%}@keyframes gradient-shift{0%,to{background-position:0 0,100% 0,100% 100%,0 100%}25%{background-position:10% 10%,90% 10%,90% 90%,10% 90%}50%{background-position:20% 0,100% 20%,80% 100%,0 80%}75%{background-position:10% 10%,90% 10%,90% 90%,10% 90%}}.floating-orbs-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6,transparent);top:10%;left:10%}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#8b5cf6,transparent);bottom:10%;right:10%;animation-delay:-7s}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#ec4899,transparent);top:50%;left:50%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-30px,30px)}}.skeleton-enhanced{background:linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.15) 50%,rgba(148,163,184,.08));background-size:200% 100%;animation:shimmer-flow 1.5s ease-in-out infinite;border-radius:12px}@keyframes shimmer-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.success-pulse{animation:pulse-success 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-success{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.7)}50%{box-shadow:0 0 0 10px rgba(16,185,129,0)}}.tooltip-enhanced{animation:tooltip-bounce .5s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes tooltip-bounce{0%{opacity:0;transform:translateY(8px) scale(.95)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-item{opacity:0;animation:fade-in-up .4s ease forwards}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.focus-ring-enhanced{outline:none;transition:all .2s ease}.focus-ring-enhanced:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(56,189,248,.5),0 0 10px rgba(56,189,248,.3),inset 0 0 0 1px hsla(0,0%,100%,.1)}.progress-bar-enhanced{position:relative;height:8px;background:rgba(148,163,184,.2);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:progress-shimmer 2s linear infinite;box-shadow:0 0 10px rgba(59,130,246,.5)}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.orb{filter:blur(60px);opacity:.1}.card-interactive:hover{transform:translateY(-2px)}.badge-premium-enhanced:before,.card-premium:before{animation:none}}@media (prefers-reduced-motion:reduce){.badge-warning-enhanced,.btn-primary-enhanced,.card-interactive,.dashboard-background-enhanced,.orb,.stagger-item,.tooltip-enhanced{animation:none!important;transition:none!important}.card-interactive:hover{transform:none!important}}