:root{--primary-color:#6B46C1;--secondary-color:#3B82F6;--accent-color:#F59E0B;--bg-dark:#1F2937;--bg-darker:#111827;--text-white:#FFFFFF;--text-light:#F3F4F6;--text-gray:#9CA3AF;--primary-light:#8B5CF6;--primary-dark:#553C9A;--secondary-light:#60A5FA;--accent-light:#FBBF24;--success-color:#10B981;--warning-color:#F59E0B;--error-color:#EF4444;--bg-card:rgba(255,255,255,0.05);--bg-card-hover:rgba(255,255,255,0.1);--bg-overlay:rgba(0,0,0,0.5);--bg-glass:rgba(255,255,255,0.1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--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;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 20px rgba(107,70,193,0.3);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--grid-columns:12;--grid-gap:var(--space-4);--grid-gap-sm:var(--space-2);--grid-gap-lg:var(--space-6)}@supports not (display:grid){.grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid-cols-1>*{width:100%}.grid-cols-2>*{width:50%}.grid-cols-3>*{width:33.333%}.grid-cols-4>*{width:25%}@media (max-width:767px){.grid-cols-2>*,.grid-cols-3>*,.grid-cols-4>*{width:100%}}}@supports not (backdrop-filter:blur(20px)){.header{background:rgba(17,24,39,0.98) !important}.language-toggle{background:rgba(255,255,255,0.1) !important}.feature-card{background:rgba(255,255,255,0.08) !important}}.no-css-custom-properties{--primary-color:#6B46C1;--secondary-color:#3B82F6;--accent-color:#F59E0B;--bg-dark:#1F2937;--bg-darker:#111827;--text-white:#FFFFFF;--text-light:#F3F4F6}.no-css-custom-properties body{color:#FFFFFF;background:#1F2937}.no-css-custom-properties .hero-title{color:#F59E0B}@supports not (position:sticky){.header{position:fixed;width:100%;top:0;left:0}body{padding-top:80px}}@supports not (object-fit:cover){.screenshot-image,.hero-featured-image{width:100%;height:auto}}*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-white);background:#1F2937;background:-webkit-linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);background:-moz-linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);background:-o-linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-darker) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-white);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5,h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-light)}a:focus{outline:2px solid var(--accent-color);outline-offset:2px}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:0.6}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}button:focus,a:focus{outline:2px solid var(--accent-color);outline-offset:2px}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{max-width:var(--container-sm);padding:0 var(--space-6)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg);padding:0 var(--space-8)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}.grid{display:-ms-grid;display:grid;gap:var(--grid-gap);-ms-grid-columns:1fr;-ms-grid-rows:auto}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.items-start{-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end}.justify-center{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.justify-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:rgba(31,41,55,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1);padding:var(--space-4) 0;-webkit-transition:all var(--transition-normal);-moz-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.header.scrolled{background:rgba(17,24,39,0.98);box-shadow:var(--shadow-lg)}.header .container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--accent-color);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);letter-spacing:-0.025em;line-height:1}.logo:hover{color:var(--accent-light);transform:translateY(-1px)}.logo:focus{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:var(--radius-md)}.logo-icon{width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.logo-image{width:2rem;height:2rem;border-radius:var(--radius-md);transition:transform var(--transition-fast);box-shadow:0 2px 8px rgba(0,0,0,0.2)}.logo:hover .logo-image{transform:scale(1.1)}.nav-menu{display:none;list-style:none;margin:0;padding:0;gap:var(--space-6)}.nav-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)}.nav-menu li{margin:0}.nav-link{color:var(--text-light);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-white);background:var(--bg-glass)}.nav-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}.nav-link.active{color:var(--accent-color);background:rgba(245,158,11,0.1)}.language-toggle{display:flex;gap:var(--space-1);background:var(--bg-glass);border-radius:var(--radius-lg);padding:var(--space-1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.language-toggle:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.lang-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:3.5rem;position:relative;overflow:hidden}.lang-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left var(--transition-normal)}.lang-btn:hover::before{left:100%}.lang-btn:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px);color:var(--text-white)}.lang-btn:active{transform:translateY(0)}.lang-btn.active{background:var(--primary-color);color:var(--text-white);box-shadow:0 4px 12px rgba(107,70,193,0.4);transform:translateY(-1px)}.lang-btn.active:hover{background:var(--primary-light);box-shadow:0 6px 16px rgba(107,70,193,0.5)}.lang-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;pointer-events:none}.flag-icon{font-size:var(--font-size-base);line-height:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1rem}.lang-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0.05em;text-transform:uppercase;line-height:1}.language-loading{cursor:wait;pointer-events:none}.language-loading .lang-btn{opacity:0.7;cursor:wait}.language-loading .lang-btn::after{content:'';position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-0.5rem 0 0 -0.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mobile-menu-toggle{display:flex;flex-direction:column;gap:3px;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);width:2.5rem;height:2.5rem;align-items:center;justify-content:center;z-index:calc(var(--z-modal)+1);position:relative}.mobile-menu-toggle:hover{background:var(--bg-glass)}.mobile-menu-toggle:focus{outline:2px solid var(--accent-color);outline-offset:2px}.mobile-menu-toggle span{width:1.5rem;height:2px;background:var(--text-white);border-radius:1px;transition:all var(--transition-fast);display:block}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (min-width:640px){.mobile-menu-toggle{display:none}}@media (max-width:639px){.mobile-menu-toggle{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--space-20) 0 var(--space-16);background:linear-gradient(135deg,var(--bg-darker) 0%,var(--primary-dark) 25%,var(--bg-dark) 50%,var(--secondary-color) 75%,var(--bg-darker) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(107,70,193,0.3) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,0.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(245,158,11,0.1) 0%,transparent 70%);pointer-events:none;z-index:1}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,0.1) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.1) 1px,transparent 1px),radial-gradient(circle at 40% 40%,rgba(255,255,255,0.05) 1px,transparent 1px);background-size:100px 100px,150px 150px,200px 200px;animation:sparkle 20s linear infinite;pointer-events:none;z-index:1}.hero-wrapper{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;min-height:80vh}.hero-content{text-align:center;animation:fadeInUp 1s ease-out}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--accent-color);background:-webkit-linear-gradient(135deg,var(--accent-color),var(--accent-light),var(--primary-light));background:-moz-linear-gradient(135deg,var(--accent-color),var(--accent-light),var(--primary-light));background:-o-linear-gradient(135deg,var(--accent-color),var(--accent-light),var(--primary-light));background:linear-gradient(135deg,var(--accent-color),var(--accent-light),var(--primary-light));-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-fill-color:transparent;background-size:200% 200%;-webkit-animation:gradientText 3s ease-in-out infinite alternate;-moz-animation:gradientText 3s ease-in-out infinite alternate;-o-animation:gradientText 3s ease-in-out infinite alternate;animation:gradientText 3s ease-in-out infinite alternate;text-shadow:0 0 30px rgba(245,158,11,0.3);letter-spacing:-0.02em}.hero-tagline{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-white);margin-bottom:var(--space-6);text-shadow:0 2px 4px rgba(0,0,0,0.3);animation:fadeInUp 1s ease-out 0.2s both}.hero-description{font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);animation:fadeInUp 1s ease-out 0.4s both}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,var(--accent-color),var(--accent-light));color:var(--bg-darker);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 4px 15px rgba(245,158,11,0.4);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out 0.6s both}.hero-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left var(--transition-slow)}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,0.6);background:linear-gradient(135deg,var(--accent-light),#FCD34D)}.hero-cta:hover::before{left:100%}.hero-cta:active{transform:translateY(-1px)}.hero-media{position:relative;animation:fadeInUp 1s ease-out 0.8s both}.hero-media-container{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3);background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);transition:all var(--transition-normal)}.hero-media-container:hover{transform:translateY(-5px);box-shadow:0 30px 60px rgba(0,0,0,0.4)}.hero-featured-image{width:100%;height:auto;display:block;border-radius:var(--radius-2xl);transition:transform var(--transition-slow)}.hero-media-container:hover .hero-featured-image{transform:scale(1.05)}.hero-media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-2xl)}.hero-media-container:hover .hero-media-overlay{opacity:1}.hero-play-button{width:4rem;height:4rem;border-radius:50%;background:rgba(245,158,11,0.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(245,158,11,0.4)}.hero-play-button:hover{background:var(--accent-color);transform:scale(1.1);box-shadow:0 6px 20px rgba(245,158,11,0.6)}.play-icon{color:var(--bg-darker);font-size:var(--font-size-xl);margin-left:2px}@-webkit-keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes gradientText{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-moz-keyframes gradientText{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes gradientText{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-webkit-keyframes sparkle{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-moz-keyframes sparkle{0%{-moz-transform:translateY(0px);transform:translateY(0px)}100%{-moz-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes sparkle{0%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}100%{-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);transform:translateY(-100px)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeInUp{from{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}@media (min-width:640px){.hero{padding:var(--space-24) 0 var(--space-20)}.hero-title{font-size:var(--font-size-5xl)}.hero-tagline{font-size:var(--font-size-2xl)}.hero-wrapper{gap:var(--space-12)}}@media (min-width:768px){.hero-wrapper{grid-template-columns:1fr 1fr;gap:var(--space-16);text-align:left}.hero-content{text-align:left}.hero-description{margin-left:0;margin-right:0}}@media (min-width:1024px){.hero{min-height:100vh}.hero-wrapper{gap:var(--space-20)}.hero-title{font-size:4rem;line-height:1.1}.hero-tagline{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-xl)}}@media (min-width:1280px){.hero-title{font-size:4.5rem}}.features{padding:var(--space-16) 0;position:relative;background:linear-gradient(135deg,rgba(31,41,55,0.8) 0%,rgba(17,24,39,0.9) 50%,rgba(31,41,55,0.8) 100%);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);overflow:hidden}.features::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(107,70,193,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,0.1) 0%,transparent 50%);pointer-events:none;z-index:1}.features .container{position:relative;z-index:2}.features-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);text-align:center;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-white),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,0.3);letter-spacing:-0.02em}.features-subtitle{font-size:var(--font-size-lg);color:var(--text-light);text-align:center;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}.feature-card{background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md);cursor:pointer}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(107,70,193,0.05) 0%,rgba(59,130,246,0.05) 50%,rgba(245,158,11,0.05) 100%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;z-index:1}.feature-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.03),transparent);transform:rotate(45deg);transition:transform var(--transition-slow);pointer-events:none;z-index:2}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.3);border-color:rgba(107,70,193,0.3)}.feature-card:hover::before{opacity:1}.feature-card:hover::after{transform:rotate(45deg) translate(50%,50%)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-4);position:relative;z-index:3;line-height:var(--line-height-tight);letter-spacing:-0.01em}.feature-card p{font-size:var(--font-size-base);color:var(--text-light);line-height:var(--line-height-relaxed);margin-bottom:0;position:relative;z-index:3}.feature-card-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--text-white);position:relative;z-index:3;transition:all var(--transition-normal)}.feature-card:hover .feature-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(107,70,193,0.4)}.feature-card.animate-in{animation:featureSlideUp 0.8s ease-out forwards}@keyframes featureSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.features-title{font-size:var(--font-size-4xl)}.features-subtitle{font-size:var(--font-size-xl)}}@media (min-width:1024px){.features{padding:var(--space-20) 0}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-10)}.features-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-6)}.features-subtitle{margin-bottom:var(--space-16)}.feature-card{padding:var(--space-10)}.feature-card h3{font-size:var(--font-size-2xl)}.feature-card p{font-size:var(--font-size-lg)}}@media (min-width:1280px){.feature-card{padding:var(--space-12)}.feature-card-icon{width:4rem;height:4rem;font-size:var(--font-size-2xl)}}.media-gallery{padding:var(--space-16) 0;background:linear-gradient(135deg,rgba(17,24,39,0.9) 0%,rgba(31,41,55,0.8) 50%,rgba(17,24,39,0.9) 100%);position:relative;overflow:hidden}.media-gallery::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(107,70,193,0.1) 0%,transparent 50%);pointer-events:none;z-index:1}.media-gallery .container{position:relative;z-index:2}.media-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);text-align:center;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--text-white),var(--secondary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.02em}.media-subtitle{font-size:var(--font-size-lg);color:var(--text-light);text-align:center;margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.media-content{display:flex;flex-direction:column;gap:var(--space-16)}.section-header{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8);align-items:center}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-white);text-align:center;margin:0}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.filter-btn{padding:var(--space-2) var(--space-4);background:var(--bg-glass);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-full);color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.filter-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-color);color:var(--text-white);transform:translateY(-1px)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-light);color:var(--text-white);box-shadow:0 4px 12px rgba(107,70,193,0.4)}.screenshots-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.screenshot-item{opacity:0;transform:translateY(30px);animation:slideInUp 0.8s ease-out forwards}.screenshot-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);transition:all var(--transition-normal);cursor:pointer;aspect-ratio:4/3}.screenshot-wrapper:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.3);border-color:var(--primary-color)}.screenshot-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.screenshot-wrapper:hover .screenshot-image{transform:scale(1.05)}.screenshot-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);opacity:0;transition:opacity var(--transition-normal)}.screenshot-wrapper:hover .screenshot-overlay{opacity:1}.screenshot-info{margin-bottom:var(--space-4)}.screenshot-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-2);line-height:var(--line-height-tight)}.screenshot-description{font-size:var(--font-size-sm);color:var(--text-light);line-height:var(--line-height-relaxed);margin:0}.screenshot-view-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--accent-color);color:var(--bg-darker);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.screenshot-view-btn:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,0.4)}.view-icon{font-size:var(--font-size-base)}.screenshot-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-glass);display:none;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,0.1);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.gallery-actions{display:flex;justify-content:center;margin-top:var(--space-8)}.load-more-btn{padding:var(--space-4) var(--space-8);background:var(--bg-glass);border:2px solid var(--primary-color);border-radius:var(--radius-full);color:var(--primary-light);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);backdrop-filter:blur(10px)}.load-more-btn:hover{background:var(--primary-color);color:var(--text-white);transform:translateY(-2px);box-shadow:0 8px 20px rgba(107,70,193,0.4)}@media (min-width:640px){.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.section-header{flex-direction:row;justify-content:space-between;align-items:center}.section-title{text-align:left}}@media (min-width:1024px){.media-gallery{padding:var(--space-20) 0}.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}.media-title{font-size:var(--font-size-4xl)}.media-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-16)}}@media (min-width:1280px){.screenshots-grid{gap:var(--space-12)}.screenshot-wrapper{aspect-ratio:16/10}}.videos-section{margin-top:var(--space-16)}.videos-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}.video-item{opacity:0;transform:translateY(30px);animation:slideInUp 0.8s ease-out forwards}.video-wrapper{background:var(--bg-glass);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:blur(20px);transition:all var(--transition-normal)}.video-wrapper:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.3);border-color:var(--secondary-color)}.video-container{position:relative;aspect-ratio:16/9;background:var(--bg-darker);overflow:hidden}.video-player{width:100%;height:100%;object-fit:cover;background:var(--bg-darker)}.video-player::-webkit-media-controls-panel{background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8))}.video-player::-webkit-media-controls-play-button{background-color:var(--accent-color);border-radius:50%}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal);pointer-events:auto}.video-wrapper.playing .video-overlay{opacity:0;pointer-events:none}.video-play-btn{width:4rem;height:4rem;border-radius:50%;background:rgba(245,158,11,0.9);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(245,158,11,0.4)}.video-play-btn:hover{background:var(--accent-color);transform:scale(1.1);box-shadow:0 6px 20px rgba(245,158,11,0.6)}.video-play-btn .play-icon{color:var(--bg-darker);font-size:var(--font-size-xl);margin-left:3px}.video-info{padding:var(--space-6)}.video-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.video-description{font-size:var(--font-size-sm);color:var(--text-light);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.video-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-gray)}.video-duration{background:var(--bg-darker);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.video-category{background:var(--primary-color);color:var(--text-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.05em}.video-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-glass);display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);backdrop-filter:blur(10px);z-index:10}.video-loading .loading-text{color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.video-error{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-glass);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);z-index:10}.video-error-content{text-align:center;color:var(--text-light)}.video-error-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-3)}.video-error-message{font-size:var(--font-size-base);margin-bottom:var(--space-4)}.video-retry-btn{padding:var(--space-2) var(--space-4);background:var(--accent-color);color:var(--bg-darker);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.video-retry-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.video-wrapper.ended .video-overlay{background:rgba(0,0,0,0.6)}.video-wrapper.ended .video-play-btn{background:var(--success-color)}.video-wrapper.ended .video-play-btn::after{content:'↻';position:absolute;font-size:var(--font-size-sm);top:-8px;right:-8px;background:var(--text-white);color:var(--bg-darker);width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.videos-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-10)}.video-info{padding:var(--space-8)}.video-title{font-size:var(--font-size-xl)}.video-description{font-size:var(--font-size-base)}}@media (min-width:1024px){.videos-grid{grid-template-columns:repeat(3,1fr)}.video-play-btn{width:5rem;height:5rem}.video-play-btn .play-icon{font-size:var(--font-size-2xl)}}@media (min-width:1280px){.videos-grid{gap:var(--space-12)}}.lightbox-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.lightbox-modal.active{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.95);backdrop-filter:blur(20px)}.lightbox-container{position:relative;width:100%;height:100%;max-width:1200px;max-height:90vh;margin:var(--space-4);display:flex;flex-direction:column;background:var(--bg-glass);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(30px);overflow:hidden;transform:scale(0.9);transition:transform var(--transition-normal)}.lightbox-modal.active .lightbox-container{transform:scale(1)}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:rgba(0,0,0,0.3);border-bottom:1px solid rgba(255,255,255,0.1)}.lightbox-counter{color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.lightbox-close{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);backdrop-filter:blur(10px)}.lightbox-close:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}.close-icon{font-size:var(--font-size-lg);font-weight:bold}.lightbox-content{flex:1;display:flex;align-items:center;position:relative;min-height:0}.lightbox-media-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px;padding:var(--space-4)}.lightbox-media{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.lightbox-video{max-width:100%;max-height:100%;border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;background:rgba(0,0,0,0.7);border:2px solid rgba(255,255,255,0.2);color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);backdrop-filter:blur(10px);z-index:10}.lightbox-nav:hover{background:rgba(0,0,0,0.9);border-color:var(--accent-color);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.nav-icon{font-size:var(--font-size-2xl);font-weight:bold;line-height:1}.lightbox-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:rgba(0,0,0,0.3);backdrop-filter:blur(10px)}.lightbox-loading .loading-text{color:var(--text-light);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.lightbox-error{position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);backdrop-filter:blur(10px)}.error-content{text-align:center;color:var(--text-light)}.error-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.error-message{font-size:var(--font-size-lg);margin-bottom:var(--space-6)}.error-retry-btn{padding:var(--space-3) var(--space-6);background:var(--accent-color);color:var(--bg-darker);border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.error-retry-btn:hover{background:var(--accent-light);transform:translateY(-2px)}.lightbox-info{padding:var(--space-6);background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1)}.lightbox-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-white);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.lightbox-description{font-size:var(--font-size-base);color:var(--text-light);line-height:var(--line-height-relaxed);margin:0}.lightbox-open{overflow:hidden}@media (max-width:767px){.lightbox-container{margin:0;max-height:100vh;border-radius:0}.lightbox-header{padding:var(--space-3) var(--space-4)}.lightbox-media-container{padding:var(--space-2)}.lightbox-nav{width:2.5rem;height:2.5rem}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.nav-icon{font-size:var(--font-size-xl)}.lightbox-info{padding:var(--space-4)}.lightbox-title{font-size:var(--font-size-lg)}.lightbox-description{font-size:var(--font-size-sm)}}@media (min-width:768px) and (max-width:1023px){.lightbox-container{margin:var(--space-6);max-height:85vh}.lightbox-nav{width:3.5rem;height:3.5rem}}@media (min-width:1024px){.lightbox-container{max-height:90vh}.lightbox-nav{width:4rem;height:4rem}.lightbox-prev{left:var(--space-6)}.lightbox-next{right:var(--space-6)}}.footer{padding:var(--space-16) 0;margin-top:var(--space-16);border-top:1px solid rgba(255,255,255,0.1);background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%)}.footer-content{text-align:center;color:var(--text-light)}.footer-content p{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.footer-domain{color:var(--accent-color);font-weight:var(--font-weight-semibold)}.footer-coming-soon{color:var(--primary-light);font-weight:var(--font-weight-medium)}.lazy-load{opacity:0;transition:opacity var(--transition-slow);background:var(--bg-glass);border-radius:var(--radius-lg);min-height:200px;display:flex;align-items:center;justify-content:center}.lazy-load::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.placeholder-loaded{opacity:0.7;filter:blur(5px);transition:all var(--transition-slow)}.image-loaded{opacity:1;filter:none}.hero-featured-image{transition:all var(--transition-slow)}.hero-image-loaded{animation:heroImageReveal 1s ease-out}@keyframes heroImageReveal{from{opacity:0;transform:scale(1.1);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:none}}.screenshot-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-glass);transition:all var(--transition-normal)}.screenshot-wrapper.loaded{background:transparent}.screenshot-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-glass);backdrop-filter:blur(10px);z-index:10;transition:opacity var(--transition-normal)}.screenshot-loading .loading-spinner{width:2rem;height:2rem;border:3px solid rgba(255,255,255,0.2);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-2)}.screenshot-loading .loading-text{color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.progressive-image{position:relative;overflow:hidden;background:var(--bg-glass)}.progressive-image img{transition:all var(--transition-slow)}.progressive-image.loading img{filter:blur(5px);transform:scale(1.05)}.progressive-image.loaded img{filter:none;transform:scale(1)}.webp .screenshot-image[data-src$=".webp"]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="1" height="1" fill="%23f3f4f6"/></svg>')}.no-webp .screenshot-image[data-fallback]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1"><rect width="1" height="1" fill="%23f3f4f6"/></svg>')}.preload-indicator{position:fixed;top:var(--space-4);right:var(--space-4);background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);color:var(--text-light);font-size:var(--font-size-xs);z-index:var(--z-tooltip);opacity:0;transform:translateY(-10px);transition:all var(--transition-fast);pointer-events:none}.preload-indicator.show{opacity:1;transform:translateY(0)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.no-intersection-observer .lazy-load{opacity:1}.no-intersection-observer .screenshot-loading{display:none}@media (prefers-reduced-motion:reduce){.lazy-load,.placeholder-loaded,.image-loaded,.hero-featured-image,.screenshot-wrapper{transition:none}.shimmer,.heroImageReveal,.spin{animation:none}.lazy-load::before{animation:none;background:rgba(255,255,255,0.1)}}@media (prefers-contrast:high){.lazy-load::before{background:rgba(255,255,255,0.3)}.screenshot-loading{background:rgba(0,0,0,0.8);border:2px solid var(--text-white)}.loading-spinner{border-color:var(--text-white);border-top-color:var(--accent-color)}}@media print{.screenshot-loading,.preload-indicator,.lazy-load::before{display:none !important}.lazy-load{opacity:1 !important}}.footer{background:linear-gradient(135deg,var(--bg-darker) 0%,var(--primary-dark) 25%,var(--bg-dark) 50%,var(--bg-darker) 100%);border-top:1px solid rgba(255,255,255,0.1);padding:var(--space-16) 0 var(--space-8);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(107,70,193,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,0.1) 0%,transparent 50%);pointer-events:none;z-index:1}.footer .container{position:relative;z-index:2}.footer-content{display:flex;flex-direction:column;gap:var(--space-12)}.footer-brand{text-align:center;max-width:600px;margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.footer-logo-image{border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform var(--transition-normal)}.footer-logo:hover .footer-logo-image{transform:scale(1.05)}.footer-brand-text{text-align:left}.footer-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--accent-color);margin:0 0 var(--space-1);line-height:var(--line-height-tight)}.footer-tagline{font-size:var(--font-size-sm);color:var(--text-light);margin:0;font-weight:var(--font-weight-medium)}.footer-description{font-size:var(--font-size-base);color:var(--text-light);line-height:var(--line-height-relaxed);margin:0}.footer-info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);text-align:center}.footer-section{background:var(--bg-glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.footer-section:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-white);margin:0 0 var(--space-4);text-align:center}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-link-item{color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) 0;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.footer-link-item::before{content:'✨';font-size:var(--font-size-xs);opacity:0.7}.footer-link-item:hover{color:var(--accent-light)}.footer-social{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.footer-social-link{display:flex;align-items:center;gap:var(--space-2);color:var(--text-light);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);transition:all var(--transition-fast)}.footer-social-link:hover{background:rgba(245,158,11,0.2);border-color:rgba(245,158,11,0.4);color:var(--accent-light);transform:translateY(-1px)}.footer-social-placeholder{display:flex;align-items:center;gap:var(--space-2);color:var(--text-gray);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.social-icon{font-size:var(--font-size-base);line-height:1}.social-text{line-height:1}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);text-align:center}.footer-bottom-content{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.footer-domain-link{color:var(--accent-color);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);transition:all var(--transition-fast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2)}.footer-domain-link:hover{background:rgba(245,158,11,0.2);border-color:rgba(245,158,11,0.4);color:var(--accent-light);transform:translateY(-1px)}.footer-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(107,70,193,0.3);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.footer-copyright{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-gray);font-size:var(--font-size-sm)}.footer-copyright p{margin:0;line-height:var(--line-height-normal)}.footer-made-with{font-style:italic;opacity:0.8}@media (min-width:640px){.footer-brand{text-align:left}.footer-logo{justify-content:flex-start}.footer-info-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer-section{text-align:left}.footer-section-title{text-align:left}.footer-link-item{justify-content:flex-start}.footer-social{align-items:flex-start}.footer-bottom-content{flex-direction:row;justify-content:space-between}.footer-copyright{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:768px){.footer{padding:var(--space-20) 0 var(--space-10)}.footer-content{gap:var(--space-16)}.footer-info-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-title{font-size:var(--font-size-3xl)}.footer-description{font-size:var(--font-size-lg)}}@media (min-width:1024px){.footer-content{gap:var(--space-20)}.footer-brand{max-width:800px}.footer-section{padding:var(--space-8)}.footer-section-title{font-size:var(--font-size-xl)}.footer-link-item{font-size:var(--font-size-base)}}.footer-section{animation:fadeInUp 0.8s ease-out}.footer-section:nth-child(1){animation-delay:0.1s}.footer-section:nth-child(2){animation-delay:0.2s}.footer-section:nth-child(3){animation-delay:0.3s}.logo-image{border-radius:var(--radius-md);transition:transform var(--transition-fast)}.logo:hover .logo-image{transform:scale(1.1)}@media print{.footer{background:none !important;color:#000 !important}.footer-social,.footer-status-badge{display:none !important}.footer-domain-link{color:#000 !important;background:none !important;border:none !important}}