@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;600;700;800;900&display=swap);:root{--black:#000;--grey-950:#0a0a0a;--grey-900:#111;--grey-850:#1a1a1a;--grey-800:#1f1f1f;--grey-700:#2a2a2a;--grey-600:#404040;--grey-500:#666;--grey-400:#9ca3af;--grey-300:#d1d5db;--grey-200:#e5e7eb;--grey-100:#f3f4f6;--white:#fff;--primary:#fff;--primary-light:#ffffffe6;--primary-dark:#e5e7eb;--accent-glow:#ffffff1a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-primary:"Tajawal",-apple-system,BlinkMacSystemFont,sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-none:0 0 #0000;--glow:0 0 20px #ffffff0d;--glow-lg:0 0 40px #ffffff14;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--black);color:#d1d5db;color:var(--grey-300);direction:rtl;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-weight:400;line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility}::selection{background-color:#fff;background-color:var(--primary);color:#000;color:var(--black)}:focus-visible{outline:2px solid #fff;outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111;background:var(--grey-900)}::-webkit-scrollbar-thumb{background:#404040;background:var(--grey-600);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#666;background:var(--grey-500)}.App{background:#000;background:var(--black);min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:radial-gradient(circle at 20% 30%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff08 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff05 0,#0000 60%),linear-gradient(135deg,#000,#0a0a0a);background:radial-gradient(circle at 20% 30%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff08 0,#0000 50%),radial-gradient(circle at 40% 80%,#ffffff05 0,#0000 60%),linear-gradient(135deg,var(--black) 0,var(--grey-950) 100%);z-index:-2}.App:after,.App:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}.App:after{animation:neonSweep 15s linear infinite;background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000),linear-gradient(180deg,#0000,#ffffff08 50%,#0000);z-index:-1}@keyframes neonSweep{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.page-container{min-height:100vh;padding-top:80px;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--space-6)}@media (max-width:640px){.container{padding:0 1rem;padding:0 var(--space-4)}}.header-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#000000fa;border-bottom:1px solid #ffffff14;height:80px;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-main:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo-link,.logo-section{align-items:center;display:flex;gap:.75rem}.logo-link{border-radius:12px;color:#fff;padding:.5rem;text-decoration:none;transition:all .3s ease}.logo-link:hover{background:#ffffff08;transform:translateY(-1px)}.header-logo{background:none;border:none;border-radius:0;box-shadow:none;height:45px;object-fit:contain;transition:all .3s ease;width:45px}.header-logo:hover{box-shadow:none;transform:scale(1.05)}.brand-name{font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.4rem;letter-spacing:-.01em}.version-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:.7rem;font-weight:600;margin-left:.75rem;padding:.3rem .6rem}.header-nav{align-items:center;display:flex;gap:2.5rem}.nav-link{color:#9ca3af;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;letter-spacing:.01em;padding:.75rem 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:#fff;transform:translateY(-1px)}.nav-link:after{background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover:after{width:80%}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:.5rem 1rem;transition:all .3s ease}.user-info:hover{background:#ffffff0d;border-color:#ffffff1f}.user-avatar{border:2px solid #ffffff26;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:40px;transition:all .3s ease;width:40px}.user-avatar:hover{border-color:#ffffff40;transform:scale(1.05)}.user-details{display:flex;flex-direction:column;gap:.1rem}.user-name{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:.95rem;font-weight:700}.user-discriminator{color:#6b7280;font-size:.75rem;font-weight:500}.user-actions{display:flex;gap:.75rem;margin-left:.5rem}.dashboard-btn,.login-btn,.logout-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease}.dashboard-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;color:#fff}.dashboard-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40;box-shadow:0 4px 12px #ffffff0d;transform:translateY(-1px)}.logout-btn{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171;transform:translateY(-1px)}.login-btn{background:linear-gradient(135deg,#fff,#f3f4f6);border:1px solid #fff3;box-shadow:0 2px 8px #0000001a;color:#000}.login-btn:hover{background:linear-gradient(135deg,#f9fafb,#e5e7eb);box-shadow:0 4px 15px #00000026;transform:translateY(-1px)}.hero-section{align-items:center;background:linear-gradient(135deg,#000,#111 50%,#000);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-section:before{background:radial-gradient(circle at 25% 25%,#ffffff08 0,#0000 40%),radial-gradient(circle at 75% 75%,#ffffff05 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffffff03 0,#0000 60%);content:"";pointer-events:none;z-index:1}.hero-background,.hero-section:before{height:100%;left:0;position:absolute;top:0;width:100%}.hero-background{z-index:0}.hero-banner{filter:blur(1px);height:100%;object-fit:cover;opacity:.15;width:100%}.hero-overlay{background:linear-gradient(135deg,#000000e6,#000000b3 50%,#000000e6);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.hero-main{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:3}.hero-logo-main{animation:logoFloat 4s ease-in-out infinite;background:none;border:none;border-radius:0;box-shadow:none;height:100px;margin:0 auto 3rem;object-fit:contain;transition:all .3s ease;width:100px}.hero-logo-main:hover{box-shadow:none;transform:translateY(-5px) scale(1.05)}.hero-title{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:2rem;text-shadow:0 4px 20px #000c;white-space:nowrap}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb 50%,#fff);-webkit-background-clip:text;background-clip:text;position:relative;text-shadow:none}.highlight-text:after{background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:2px;bottom:-6px;content:"";height:3px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);width:60%}.hero-description{color:#9ca3af;font-size:1.3rem;font-weight:400;letter-spacing:.01em;line-height:1.7;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;max-width:650px;text-shadow:0 2px 10px #00000080}.hero-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.btn-primary-hero,.btn-secondary-hero{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;letter-spacing:.02em;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-primary-hero{background:linear-gradient(135deg,#fff,#f3f4f6);box-shadow:0 0 0 1px #ffffff1a,0 8px 25px #0000004d,0 0 40px #ffffff1a;color:#000}.btn-primary-hero:hover{background:linear-gradient(135deg,#fff,#e5e7eb);box-shadow:0 0 0 1px #fff3,0 12px 35px #0006,0 0 60px #ffffff26;transform:translateY(-3px) scale(1.02)}.btn-secondary-hero{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #ffffff26}.btn-secondary-hero:hover{border-color:#ffffff40;box-shadow:0 12px 35px #ffffff14;transform:translateY(-3px) scale(1.02)}.section{padding:6rem 0;padding:var(--space-24) 0;position:relative}.section-header{margin-bottom:4rem;margin-bottom:var(--space-16);text-align:center}.section-title{color:#fff;color:var(--white);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}.section-subtitle{color:#9ca3af;color:var(--grey-400);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.features-section{background:#0a0a0a;background:var(--grey-950);border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--grey-850);border-top:1px solid #1a1a1a;border-top:1px solid var(--grey-850)}.features-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.feature-card{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:1rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.feature-card:before{background:linear-gradient(90deg,#0000,#fff,#0000);background:linear-gradient(90deg,#0000,var(--white),#0000);height:2px}.feature-card:after,.feature-card:before{content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.feature-card:after{background:radial-gradient(circle at 50% 50%,#ffffff0d 0,#0000 70%);bottom:0;pointer-events:none}.feature-card:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);box-shadow:0 20px 40px #0000004d,0 0 30px #ffffff1a,inset 0 1px 0 #ffffff1a;transform:translateY(-6px)}.feature-card:hover:after,.feature-card:hover:before{opacity:1}.feature-icon-wrapper{align-items:center;background:#1f1f1f;background:var(--grey-800);border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:80px}.feature-card:hover .feature-icon-wrapper{background:#2a2a2a;background:var(--grey-700);border-color:#404040;border-color:var(--grey-600);transform:scale(1.05)}.feature-icon{font-size:2.5rem}.feature-content{display:flex;flex:1 1;flex-direction:column}.feature-title{color:var(--white);font-size:1.5rem;line-height:1.3;margin-bottom:var(--space-4)}.feature-description{color:var(--grey-400);flex:1 1;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.feature-list{space-y:.75rem;space-y:var(--space-3);list-style:none}.feature-list-item{align-items:flex-start;color:#d1d5db;color:var(--grey-300);display:flex;gap:.75rem;gap:var(--space-3);line-height:1.5;padding:.5rem 0;padding:var(--space-2) 0}.feature-list-item .feature-check{color:#10b981;color:var(--success);flex-shrink:0;font-size:1rem;font-weight:700;margin-top:2px}.services-section{padding:6rem 0;padding:var(--space-24) 0}.services-grid{grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.service-card:hover{box-shadow:0 0 40px #ffffff14;box-shadow:var(--glow-lg)}.service-icon{background:#1f1f1f;background:var(--grey-800);border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:.75rem;border-radius:var(--radius-xl);font-size:2.5rem;height:80px;margin-bottom:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:80px}.service-card:hover .service-icon{background:#2a2a2a;background:var(--grey-700);border-color:#404040;border-color:var(--grey-600);transform:scale(1.05)}.service-content{display:flex;flex:1 1;flex-direction:column}.service-title{color:var(--white);font-size:1.5rem;line-height:1.3;margin-bottom:var(--space-4)}.service-description{color:var(--grey-400);flex:1 1;margin-bottom:var(--space-6)}.service-features{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.service-feature-tag{background:#1f1f1f;background:var(--grey-800);border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:9999px;border-radius:var(--radius-full);color:#d1d5db;color:var(--grey-300);font-size:.8rem;font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.service-card:hover .service-feature-tag{background:#2a2a2a;background:var(--grey-700);border-color:#404040;border-color:var(--grey-600);color:#fff;color:var(--white)}.service-btn{align-self:flex-start;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:.5rem;border-radius:var(--radius-lg);color:var(--white);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.service-btn:hover{background:#fff;background:var(--white);border-color:#fff;border-color:var(--white);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#000;color:var(--black)}.faq-section{background:#0a0a0a;background:var(--grey-950);border-top:1px solid #1a1a1a;border-top:1px solid var(--grey-850)}.faq-list{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);margin:0 auto;max-width:900px}.faq-item:hover{transform:translateX(4px)}.faq-item:hover:before{background:#fff;background:var(--white)}.faq-item h4{color:#fff;color:var(--white);font-size:1.1rem;font-weight:600;line-height:1.4}.cta-section{background:linear-gradient(135deg,#111,#000);background:linear-gradient(135deg,var(--grey-900) 0,var(--black) 100%);padding:6rem 0;padding:var(--space-24) 0;text-align:center}.cta-content{max-width:600px}.cta-title{color:#fff;color:var(--white);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.cta-description{color:#9ca3af;color:var(--grey-400);font-size:1.25rem;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-8)}.cta-btn{background:#fff;background:var(--white);border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#000;color:var(--black);cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2.5rem;padding:var(--space-4) var(--space-10);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.cta-btn:hover{background:#f3f4f6;background:var(--grey-100);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.footer{background:#0a0a0a;background:var(--grey-950);border-top:1px solid #1a1a1a;border-top:1px solid var(--grey-850);padding:4rem 0 2rem;padding:var(--space-16) 0 var(--space-8)}.footer-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--space-8)}.footer-brand{align-items:center;display:flex;gap:.75rem;gap:var(--space-3)}.footer-logo{height:40px;width:auto}.footer-brand-name{color:#fff;color:var(--white);font-size:1.25rem;font-weight:700}.footer-section h4{color:#fff;color:var(--white);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-4)}.footer-section ul{space-y:.5rem;space-y:var(--space-2);list-style:none}.footer-section a{color:#9ca3af;color:var(--grey-400);text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.footer-section a:hover{color:#fff;color:var(--white)}.footer-bottom{border-top:1px solid #1a1a1a;border-top:1px solid var(--grey-850);color:#666;color:var(--grey-500);padding-top:2rem;padding-top:var(--space-8);text-align:center}@media (max-width:1024px){.hero-buttons{align-items:center;flex-direction:column}.service-card{flex-direction:column;text-align:center}}@media (max-width:768px){.header-nav{display:none}.header-content{height:70px}.page-container{padding-top:70px}.hero-logo-main{height:80px}.features-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{text-align:center}}@media (max-width:640px){.hero-buttons{flex-direction:column;width:100%}.btn-primary-hero,.btn-secondary-hero{justify-content:center;width:100%}.feature-card,.service-card{padding:1.5rem;padding:var(--space-6)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.space-y-2>*+*{margin-top:.5rem;margin-top:var(--space-2)}.space-y-4>*+*{margin-top:1rem;margin-top:var(--space-4)}.space-y-6>*+*{margin-top:1.5rem;margin-top:var(--space-6)}.space-y-8>*+*{margin-top:2rem;margin-top:var(--space-8)}.loading{align-items:center;color:#9ca3af;color:var(--grey-400);display:flex;justify-content:center;padding:2rem;padding:var(--space-8)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #2a2a2a;border-top:2px solid #fff;border:2px solid var(--grey-700);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--white);height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{background:#ef44441a;border:1px solid #ef444433;border-radius:.375rem;border-radius:var(--radius-md);color:#ef4444;color:var(--error);padding:1rem;padding:var(--space-4);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.pricing-page{background:#000;background:var(--black)}.pricing-announcement{display:flex;justify-content:center;margin-bottom:4rem;margin-bottom:var(--space-16)}.announcement-card{align-items:center;background:linear-gradient(135deg,#111,#1a1a1a);background:linear-gradient(135deg,var(--grey-900) 0,var(--grey-850) 100%);border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-4);max-width:600px;overflow:hidden;padding:1.5rem 2rem;padding:var(--space-6) var(--space-8);position:relative}.announcement-card:before{background:linear-gradient(90deg,#10b981,#f59e0b,#10b981);background:linear-gradient(90deg,var(--success),var(--warning),var(--success));content:"";height:2px;left:0;position:absolute;right:0;top:0}.announcement-icon{flex-shrink:0;font-size:2rem}.announcement-content h3{color:#fff;color:var(--white);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.announcement-content p{color:#9ca3af;color:var(--grey-400);margin:0}.announcement-badge{background:#10b981;background:var(--success);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--white);flex-shrink:0;font-size:.8rem;font-weight:600;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.pricing-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem;margin-bottom:var(--space-16)}.pricing-card{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:1rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;height:fit-content;padding:2rem;padding:var(--space-8);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.pricing-card:hover{border-color:#404040;border-color:var(--grey-600);box-shadow:0 0 40px #ffffff14;box-shadow:var(--glow-lg);transform:translateY(-8px)}.pricing-card.popular,.pricing-card:hover{background:#1a1a1a;background:var(--grey-850)}.pricing-card.popular{border-color:#fff;border-color:var(--white);position:relative;scale:1.05}.pricing-card.popular:before{background:linear-gradient(90deg,#fff,#d1d5db,#fff);background:linear-gradient(90deg,var(--white),var(--grey-300),var(--white));border-radius:1rem 1rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.popular-badge{background:#fff;background:var(--white);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:var(--black);padding:var(--space-2) var(--space-4);right:1.5rem;right:var(--space-6);top:-12px}.plan-header{margin-bottom:1.5rem;margin-bottom:var(--space-6);text-align:center}.plan-icon-wrapper{align-items:center;background:#1f1f1f;background:var(--grey-800);border:1px solid #2a2a2a;border:1px solid var(--grey-700);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;height:80px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:80px}.pricing-card:hover .plan-icon-wrapper{background:#2a2a2a;background:var(--grey-700);border-color:#404040;border-color:var(--grey-600)}.plan-icon{font-size:2.5rem}.plan-name{color:#fff;color:var(--white);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-3)}.plan-description{color:#9ca3af;color:var(--grey-400);font-size:.95rem;line-height:1.5}.plan-pricing{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--grey-800);border-top:1px solid #1f1f1f;border-top:1px solid var(--grey-800);margin-bottom:2rem;margin-bottom:var(--space-8);padding:1.5rem 0;padding:var(--space-6) 0;text-align:center}.price-wrapper{align-items:baseline;display:flex;gap:.5rem;gap:var(--space-2);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--space-2)}.original-price{color:#666;color:var(--grey-500);font-size:1.2rem;text-decoration:line-through}.current-price{color:#fff;color:var(--white);font-size:2.5rem;font-weight:800}.period{font-size:1rem}.coming-soon-label,.period{color:#9ca3af;color:var(--grey-400);font-weight:500}.coming-soon-label{background:#1f1f1f;background:var(--grey-800);border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.85rem;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.plan-features{flex:1 1;margin-bottom:2rem;margin-bottom:var(--space-8)}.plan-features ul{space-y:.75rem;space-y:var(--space-3);list-style:none}.plan-features li{align-items:flex-start;color:#d1d5db;color:var(--grey-300);display:flex;gap:.75rem;gap:var(--space-3);line-height:1.6;padding:.5rem 0;padding:var(--space-2) 0}.feature-check{color:var(--success);flex-shrink:0;font-size:1.1rem;margin-top:2px}.plan-action{text-align:center}.plan-btn{border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.plan-btn.primary{background:#fff;background:var(--white);color:#000;color:var(--black)}.plan-btn.primary:hover{background:#f3f4f6;background:var(--grey-100);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-btn.secondary{background:#0000;border:1px solid #404040;border:1px solid var(--grey-600);color:#fff;color:var(--white)}.plan-btn.secondary:hover{background:#fff;background:var(--white);border-color:#fff;border-color:var(--white);color:#000;color:var(--black)}.plan-btn.disabled{background:#1f1f1f;background:var(--grey-800);border:1px solid #2a2a2a;border:1px solid var(--grey-700);color:#666;color:var(--grey-500);cursor:not-allowed}.plan-btn.disabled:hover{box-shadow:none;transform:none}.guarantee-text{color:#666;color:var(--grey-500);font-size:.8rem;margin:0}.pricing-faq{background:#0a0a0a;background:var(--grey-950);border:1px solid #1a1a1a;border:1px solid var(--grey-850);border-radius:1rem;border-radius:var(--radius-2xl);padding:3rem;padding:var(--space-12);text-align:center}.pricing-faq h2{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-8)}.faq-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-faq .faq-item{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.5rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6);text-align:right;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.pricing-faq .faq-item:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);transform:translateY(-2px)}.pricing-faq .faq-item h4{color:#fff;color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--space-3)}.pricing-faq .faq-item p{color:#9ca3af;color:var(--grey-400);line-height:1.6;margin:0}.commands-page{background:#000;background:var(--black)}.bot-selector{background:#0a0a0a;background:var(--grey-950);border:1px solid #1a1a1a;border:1px solid var(--grey-850);border-radius:.75rem;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:center;margin-bottom:3rem;margin-bottom:var(--space-12);padding:1.5rem;padding:var(--space-6)}.bot-type-btn{align-items:center;background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.5rem;border-radius:var(--radius-lg);color:#9ca3af;color:var(--grey-400);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--space-2);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.bot-type-btn:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);color:#fff;color:var(--white)}.bot-type-btn.active{background:#fff;background:var(--white);border-color:#fff;border-color:var(--white);color:#000;color:var(--black)}.bot-type-btn .bot-icon{font-size:1.2rem}.bot-type-btn .bot-name{font-size:.9rem}.bot-details{background:#0a0a0a;background:var(--grey-950);border:1px solid #1a1a1a;border:1px solid var(--grey-850);border-radius:1rem;border-radius:var(--radius-2xl);padding:2rem;padding:var(--space-8)}.bot-info{margin-bottom:2rem;margin-bottom:var(--space-8)}.bot-header{gap:1rem;gap:var(--space-4);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.bot-header,.bot-icon-large{align-items:center;display:flex}.bot-icon-large{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.75rem;border-radius:var(--radius-xl);font-size:3rem;height:80px;justify-content:center;width:80px}.bot-header h2{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-2)}.bot-header p{color:#9ca3af;color:var(--grey-400);font-size:1.1rem;line-height:1.6}.commands-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.command-category{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.command-category:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700)}.category-title{border-bottom:1px solid #1f1f1f;border-bottom:1px solid var(--grey-800);color:#fff;color:var(--white);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding-bottom:.75rem;padding-bottom:var(--space-3)}.commands-list{space-y:.75rem;space-y:var(--space-3)}.command-item{background:#1a1a1a;background:var(--grey-850);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.375rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.command-item:hover{border-color:#2a2a2a;border-color:var(--grey-700)}.command-item:hover,.command-name{background:#1f1f1f;background:var(--grey-800)}.command-name{border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--white);display:inline-block;font-family:JetBrains Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.95rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.command-desc{color:#9ca3af;color:var(--grey-400);font-size:.9rem;line-height:1.5}.auth-page{align-items:center;background:#000;background:var(--black);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 0 20px #ffffff0d;box-shadow:var(--glow);max-width:500px;padding:3rem;padding:var(--space-12);text-align:center;width:100%}.auth-header{margin-bottom:2rem;margin-bottom:var(--space-8)}.auth-logo{height:80px;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.auth-card h1{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-4)}.auth-card p{color:#9ca3af;color:var(--grey-400);font-size:1rem;line-height:1.6}.auth-content{space-y:1.5rem;space-y:var(--space-6)}.discord-login-btn{align-items:center;background:#5865f2;border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;gap:var(--space-3);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1rem 2rem;padding:var(--space-4) var(--space-8);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.discord-login-btn:hover{background:#4752c4;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.discord-icon{font-size:1.5rem}.auth-features{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.auth-features .feature-item{align-items:center;color:#9ca3af;color:var(--grey-400);display:flex;font-size:.9rem;gap:.75rem;gap:var(--space-3)}.auth-features .feature-icon{font-size:1.2rem}@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.commands-grid{grid-template-columns:1fr}.pricing-card.popular{scale:1}}@media (max-width:768px){.announcement-card{flex-direction:column;gap:.75rem;gap:var(--space-3);text-align:center}.bot-selector{align-items:center;flex-direction:column}.bot-type-btn{justify-content:center;width:100%}.bot-header{flex-direction:column;text-align:center}.faq-grid{grid-template-columns:1fr}}@media (max-width:640px){.auth-features,.pricing-grid{grid-template-columns:1fr}.current-price{font-size:2rem}.plan-icon-wrapper{height:60px;width:60px}.plan-icon{font-size:2rem}}@keyframes floatingParticles{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}25%{opacity:1;transform:translateY(-20px) rotate(90deg)}50%{opacity:.8;transform:translateY(-10px) rotate(180deg)}75%{opacity:.9;transform:translateY(-30px) rotate(270deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff0d,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 0 30px #fff3,0 0 60px #ffffff1a,inset 0 1px 0 #fff3}}.brand-name{animation:textGlow 2s ease-in-out infinite alternate;color:#fff;color:var(--white);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;text-decoration:none;text-shadow:0 0 10px #ffffff4d,0 0 20px #fff3,0 0 30px #ffffff1a}.stat-card{animation:pulseGlow 4s ease-in-out infinite;background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.75rem;border-radius:var(--radius-xl);overflow:hidden;padding:2rem 1.5rem;padding:var(--space-8) var(--space-6);position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.stat-card:before{background:linear-gradient(90deg,#10b981,#f59e0b,#10b981);background:linear-gradient(90deg,var(--success),var(--warning),var(--success));height:3px;left:0;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.stat-card:after,.stat-card:before{content:"";opacity:0;position:absolute}.stat-card:after{animation:floatingParticles 6s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:100px;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100px}.stat-card:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);box-shadow:0 25px 50px #0006,0 0 50px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-8px) scale(1.02)}.stat-card:hover:before{opacity:1}.stat-card:hover:after{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.service-card{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:1rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;height:100%;padding:var(--space-8);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.service-card:before{background:linear-gradient(90deg,#0000,#fff,#0000);background:linear-gradient(90deg,#0000,var(--white),#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.service-card:after{animation:rotate360 10s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff08,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:200%}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.service-card:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);box-shadow:0 20px 40px #0000004d,0 0 30px #ffffff26,inset 0 1px 0 #ffffff1a;transform:translateY(-6px)}.service-card:hover:after,.service-card:hover:before{opacity:1}.hero-logo-main{animation:logoFloat 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(255,255,255,.2)) drop-shadow(0 0 60px rgba(255,255,255,.1));height:120px;margin-bottom:2rem;margin-bottom:var(--space-8)}@keyframes logoFloat{0%{filter:drop-shadow(0 0 20px rgba(255,255,255,.3)) drop-shadow(0 0 40px rgba(255,255,255,.2)) drop-shadow(0 0 60px rgba(255,255,255,.1));transform:translateY(0)}to{filter:drop-shadow(0 0 30px rgba(255,255,255,.4)) drop-shadow(0 0 50px rgba(255,255,255,.3)) drop-shadow(0 0 70px rgba(255,255,255,.2));transform:translateY(-10px)}}.btn-secondary-hero{align-items:center;background:#0000;border:2px solid #404040;border:2px solid var(--grey-600);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 0 20px #ffffff1a,inset 0 1px 0 #ffffff1a;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;gap:var(--space-2);overflow:hidden;padding:1rem 2rem;padding:var(--space-4) var(--space-8);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn-secondary-hero:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-secondary-hero:hover{background:#ffffff1a;border-color:#fff;border-color:var(--white);box-shadow:0 10px 30px #0000004d,0 0 30px #fff3,inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-secondary-hero:hover:before{left:100%}.faq-item{background:#111;background:var(--grey-900);border:1px solid #1f1f1f;border:1px solid var(--grey-800);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.faq-item:before{background:#2a2a2a;background:var(--grey-700);border-radius:.5rem 0 0 .5rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:4px}.faq-item:after,.faq-item:before{bottom:0;content:"";left:0;position:absolute;top:0}.faq-item:after{background:radial-gradient(circle at 50% 50%,#ffffff08 0,#0000 70%);opacity:0;right:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.faq-item:hover{background:#1a1a1a;background:var(--grey-850);border-color:#2a2a2a;border-color:var(--grey-700);box-shadow:0 10px 30px #0000004d,0 0 20px #ffffff1a;transform:translateX(8px)}.faq-item:hover:before{background:linear-gradient(180deg,#fff,#d1d5db);background:linear-gradient(180deg,var(--white),var(--grey-300));box-shadow:0 0 10px #ffffff80}.faq-item:hover:after{opacity:1}.stats-section{background:#0a0a0a;background:var(--grey-950);border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--grey-850);border-top:1px solid #1a1a1a;border-top:1px solid var(--grey-850)}.stats-grid{grid-gap:2rem;grid-gap:var(--space-8);display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-icon{display:block;font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-4)}.stat-number{color:#fff;color:var(--white);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem;margin-bottom:var(--space-2);text-shadow:0 0 20px #ffffff4d,0 0 40px #fff3}.stat-label{color:#9ca3af;color:var(--grey-400);font-size:1.1rem;font-weight:500}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.services-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.features-grid,.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2.5rem}.feature-icon-wrapper,.service-icon{height:60px;width:60px}.feature-icon,.service-icon{font-size:2rem}.header-content{padding:0 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.hero-section{padding:6rem 1rem 2rem}.hero-logo-main{height:60px;margin-bottom:1.5rem;width:60px}.hero-description{font-size:1.1rem;margin-bottom:2rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn-primary-hero,.btn-secondary-hero{font-size:1rem;padding:.9rem 1.8rem;width:fit-content}.user-details{display:none}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.feature-card,.service-card,.stat-card{padding:1.5rem;padding:var(--space-6)}.stat-number{font-size:2rem}}.core-features-section{background:linear-gradient(135deg,#0a0a0a,#111 50%,#0a0a0a);border-bottom:1px solid #ffffff0d;border-top:1px solid #ffffff0d}.core-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.core-feature-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.core-feature-card:before{background:linear-gradient(135deg,#ffffff0d,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.core-feature-card:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.core-feature-card:hover:before{opacity:1}.feature-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.feature-title{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#9ca3af;font-size:1rem;line-height:1.6}.services-section{background:#000}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.service-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card.popular{border-color:#ffffff40;box-shadow:0 0 30px #ffffff1a}.popular-badge{background:linear-gradient(135deg,#fff,#f3f4f6);border-radius:0 0 12px 12px;color:#000;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:.8rem;font-weight:700;padding:.5rem 1rem;position:absolute;right:20px;top:-1px}.service-card:hover{border-color:#fff3;box-shadow:0 25px 50px #0006;transform:translateY(-10px)}.service-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.service-title{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.service-description{color:#9ca3af;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.service-price{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.service-features{margin-bottom:2rem}.service-feature{align-items:center;color:#d1d5db;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.75rem}.feature-check{color:#10b981;font-size:1rem;font-weight:700}.service-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.service-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40;transform:translateY(-2px)}.overview-tab{padding:2rem 0}.overview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.overview-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s ease}.overview-card:hover{background:#ffffff08;border-color:#ffffff1f}.card-header h3{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.quick-actions{grid-gap:1.5rem;display:grid;gap:1.5rem}.action-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.action-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.action-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.action-content h4{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.action-content p{color:#9ca3af;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.action-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.action-btn:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40}.servers-list,.subscriptions-list{display:flex;flex-direction:column;gap:1rem}.server-item{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.server-item:hover{background:#ffffff0a;border-color:#ffffff26}.server-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.server-icon img{height:100%;object-fit:cover;width:100%}.default-icon{color:#fff;font-size:1.2rem;font-weight:700}.server-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.server-name{color:#fff;font-size:1rem;font-weight:600}.server-members{color:#9ca3af;font-size:.85rem}.invite-btn,.manage-btn,.subscribe-btn{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.invite-btn:hover,.manage-btn:hover,.subscribe-btn:hover{background:#ffffff26;border-color:#ffffff40}.subscription-item{align-items:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.sub-info{display:flex;flex-direction:column;gap:.25rem}.sub-name{color:#fff;font-weight:600}.sub-expires{color:#9ca3af;font-size:.85rem}.sub-status.active{background:#10b98133;border:1px solid #10b9814d;border-radius:20px;color:#10b981;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.empty-state{color:#9ca3af;padding:2rem;text-align:center}.empty-state p{font-size:.95rem;margin-bottom:1rem}.cta-section{background:linear-gradient(135deg,#000,#111 50%,#000);border-top:1px solid #ffffff14}.cta-content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;text-align:center}.cta-text h2{color:#fff;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem}.cta-text p{color:#9ca3af;font-size:1.2rem;line-height:1.6}.cta-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-primary-cta,.btn-secondary-cta{border:none;border-radius:12px;cursor:pointer;font-family:Tajawal,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1.1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary-cta{background:linear-gradient(135deg,#fff,#f3f4f6);box-shadow:0 4px 20px #ffffff1a;color:#000}.btn-primary-cta:hover{box-shadow:0 8px 30px #ffffff26;transform:translateY(-2px)}.btn-secondary-cta{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}.btn-secondary-cta:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}@media (max-width:768px){.core-features-grid,.services-grid{gap:1.5rem;grid-template-columns:1fr}.action-item{flex-direction:column;gap:1rem;text-align:center}.cta-actions{flex-direction:column;width:100%}.btn-primary-cta,.btn-secondary-cta{width:100%}.header-main{height:70px}.header-content{padding:0 1rem}.header-nav{gap:1.5rem}.nav-link{font-size:.9rem;padding:.5rem 0}.user-details{display:none}.brand-name{font-size:1.2rem}.header-logo{height:36px;width:36px}.user-actions{gap:.5rem;margin-left:0}.dashboard-btn,.login-btn,.logout-btn{font-size:.8rem;padding:.4rem .8rem}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;white-space:normal}.hero-logo-main{height:80px;width:80px}}
/*# sourceMappingURL=main.f23df761.css.map*/