@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--primary-gradient:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);--secondary:#ec4899;--secondary-gradient:linear-gradient(135deg,#ec4899 0%,#d946ef 100%);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-body:#f8fafc;--bg-card:#fff;--bg-glass:#fffc;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--font-display:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005;--shadow-xl:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;--shadow-primary:0 10px 25px -5px #8b5cf666;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--header-height:72px;--container-max:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-body);background-image:radial-gradient(at 0 0,#8b5cf60d 0,#0000 50%),radial-gradient(at 100% 0,#ec48990d 0,#0000 50%);background-attachment:fixed;font-size:15px;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff80}.card-hover{transition:all .3s}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-logo{align-items:center;gap:12px;display:flex}.app-logo-icon{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:700;display:flex;box-shadow:0 4px 10px #8b5cf64d}.hero-section{text-align:center;padding:100px 24px;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:100vw;height:100vh;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto 40px;font-size:1.25rem;font-weight:400}.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.category-item{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #00000008;padding:24px;transition:all .3s}.category-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)}.service-card{overflow:hidden;box-shadow:var(--shadow-md)!important;border-radius:var(--radius-lg)!important;border:none!important}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}.animate-slide-in-right{animation:.5s ease-out forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.gradient-border{background:var(--bg-card);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow{box-shadow:0 0 40px #8b5cf64d}.glow-success{box-shadow:0 0 40px #10b9814d}.glow-warning{box-shadow:0 0 40px #f59e0b4d}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.premium-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#fff 0%,#f8f9fc 100%);border:1px solid #ffffff80;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000026}.btn-primary-gradient{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;border:none;transition:all .3s;position:relative;overflow:hidden}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.btn-primary-gradient:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary-gradient:hover:after{left:100%}.tag-pill{border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.tag-pill:hover{transform:scale(1.05)}.module-badge{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;transition:all .3s;display:flex}.module-badge:hover{transform:scale(1.1)rotate(5deg)}.progress-ring{transition:stroke-dashoffset .5s ease-in-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.xwin-amount{font-family:var(--font-display);color:var(--primary);align-items:center;gap:4px;font-weight:700;display:inline-flex}.xwin-amount:before{content:"⚡";font-size:1.1em}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px #8b5cf61a!important}.notification-dot{position:relative}.notification-dot:after{content:"";background:var(--error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}@media (max-width:768px){.hero-title{font-size:2.25rem}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}}.ant-dropdown-menu{border-radius:var(--radius-lg)!important;min-width:200px!important;box-shadow:var(--shadow-xl)!important;padding:8px!important}.ant-dropdown-menu-item{border-radius:var(--radius-sm)!important;margin:2px 0!important;padding:10px 16px!important;transition:all .2s!important}.ant-dropdown-menu-item:hover{background:linear-gradient(135deg,#8b5cf614 0%,#6366f114 100%)!important}.ant-dropdown-menu-item .anticon{color:var(--primary)!important;margin-right:12px!important;font-size:16px!important}.ant-dropdown-menu-item-divider{background:#f0f0f0!important;margin:8px 0!important}.user-info-badge{background:#8b5cf60d;border-radius:100px;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex}.user-info-badge:hover{background:#8b5cf61a}.ant-message-notice-content{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:12px 20px!important}.ant-message-success .anticon{color:var(--success)!important}.ant-message-error .anticon{color:var(--error)!important}.service-card-emoji{filter:drop-shadow(0 4px 8px #0000001a);transition:transform .3s;font-size:2.5rem!important}.service-card:hover .service-card-emoji{transform:scale(1.1)}.ant-skeleton-element .ant-skeleton-avatar,.ant-skeleton-element .ant-skeleton-input{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%!important;animation:1.5s infinite shimmer!important}.ant-breadcrumb{font-size:.875rem!important}.ant-breadcrumb a{color:var(--text-secondary)!important;transition:color .2s!important}.ant-breadcrumb a:hover{color:var(--primary)!important}.ant-breadcrumb-separator{color:var(--text-tertiary)!important}.did-login-button{background:var(--primary-gradient)!important;border:none!important;border-radius:100px!important;padding:8px 20px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 4px 15px #8b5cf64d!important}.did-login-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #8b5cf666!important}