:root{color-scheme:dark;--bg-primary: #060608;--bg-secondary: #0d0d10;--bg-tertiary: #131318;--accent-primary: #e8e8f0;--accent-secondary: #6b7280;--accent-blue: #3b82f6;--accent-glow: rgba(59, 130, 246, .08);--accent-glow-white: rgba(255, 255, 255, .05);--accent-blue-mix-10: color-mix(in srgb, var(--accent-blue) 10%, transparent);--accent-blue-mix-20: color-mix(in srgb, var(--accent-blue) 20%, transparent);--accent-blue-mix-40: color-mix(in srgb, var(--accent-blue) 40%, transparent);--bg-secondary-mix-hover: color-mix(in srgb, var(--bg-secondary) 90%, var(--accent-blue) 10%);--text-primary: #f0f0f5;--text-secondary: #9ca3af;--text-muted: #4b5563;--font-headers: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-size-hero: clamp(2.5rem, 6vw + 1rem, 4.5rem);--font-size-h1: clamp(2rem, 4vw + .8rem, 3.25rem);--font-size-h2: clamp(1.5rem, 3vw + .5rem, 2.25rem);--font-size-h3: clamp(1.2rem, 2vw + .4rem, 1.65rem);--border-radius: 6px;--border-style: 1px solid #1e1e26;--border-style-dim: 1px solid #141418;--card-shadow: none;--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06)}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none;background-color:#060608}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}html{color-scheme:dark;scroll-behavior:smooth;height:100%;overflow-x:hidden;background-color:#060608;scrollbar-width:thin;scrollbar-color:#2e2e3a var(--bg-primary)}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#2e2e3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}body{font-family:var(--font-body),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--text-primary);background-color:transparent;min-height:100%;display:flex;flex-direction:column;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px}#app{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}p{text-wrap:pretty}.card{border:var(--border-style);background-color:var(--bg-secondary);border-radius:var(--border-radius);transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;container-type:inline-size}.card:hover{border-color:#2e2e3a;box-shadow:var(--card-shadow-hover);background-color:var(--bg-secondary-mix-hover)}.card:has(a:focus-visible),.card:has(button:focus-visible){border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-mix-40)}h1,h2,h3,h4,h5,h6{font-family:var(--font-headers);font-weight:700;letter-spacing:.5px;overflow-wrap:break-word;word-wrap:break-word;text-wrap:balance}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.88rem;cursor:pointer;border-radius:var(--border-radius);transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:600;text-decoration:none;letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-headers)}.btn-primary{background:var(--accent-primary);color:#07070a;font-weight:700;border:1px solid var(--accent-primary);border-radius:var(--border-radius);transition:all .22s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 20px #e8e8f014}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid #2a2a34;border-radius:var(--border-radius);transition:all .22s}.btn-secondary:hover{border-color:#4a4a5a;background:#ffffff08;color:var(--accent-primary)}.btn-sm{padding:.45rem 1rem;font-size:.78rem}.btn-danger{background:#ef4444;color:#fff;border:1px solid transparent}.btn-danger:hover{background:#dc2626;box-shadow:0 0 10px #ef444466}.btn:disabled{opacity:.5;cursor:not-allowed}.navbar{border-bottom:1px solid rgba(255,255,255,.04);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);position:sticky;top:0;z-index:100;background-color:#060608e6;transition:all .3s}.nav-container{display:flex;justify-content:space-between;align-items:center;height:72px;position:relative}.logo{font-family:var(--font-headers);font-size:1.55rem;font-weight:800;display:flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary)}.logo span{color:#3b82f6}.nav-links{display:flex;gap:2.5rem;align-items:center}.nav-link{font-family:var(--font-headers);font-weight:500;font-size:.82rem;letter-spacing:1.5px;text-transform:uppercase;position:relative;padding:.5rem 0;color:var(--text-secondary);transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.hamburger-btn{display:none;align-items:center;justify-content:center;background:var(--bg-secondary);border:var(--border-style-dim);padding:.5rem;color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer}.mobile-nav-actions{display:none}@media (max-width: 768px){.mobile-nav-actions{display:flex!important;align-items:center;gap:.75rem}}.hero{padding:7rem 0 5rem;text-align:center;position:relative;overflow:hidden}.hero:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:2px;font-size:.78rem;color:#60a5fa;margin-bottom:2rem;font-family:var(--font-headers);text-transform:uppercase;letter-spacing:2px;font-weight:600}.hero-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:#3b82f6;flex-shrink:0}.hero-title{font-size:4.2rem;line-height:1.08;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:-1px;background:linear-gradient(180deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.15rem;max-width:640px;margin:0 auto 3rem;color:var(--text-secondary);line-height:1.75;font-weight:400}.hero-actions{display:flex;justify-content:center;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin:4rem 0}.stat-card{padding:2rem;text-align:center}.stat-value{font-size:3rem;font-family:var(--font-headers);font-weight:900;color:var(--accent-primary);margin-bottom:.5rem;text-shadow:0 0 10px var(--accent-glow)}.stat-label{color:var(--text-secondary);font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;margin-top:4rem}.section-title{font-size:2rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(180deg,#f0f0f5,#888898);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{color:var(--text-secondary);max-width:600px;margin-top:.5rem;font-size:.95rem;line-height:1.7}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;margin-bottom:4rem}.game-card{overflow:hidden;display:flex;flex-direction:column}.game-img-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}.game-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.game-card:hover .game-img{transform:scale(1.1)}.game-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;background:#000c;border:1px solid var(--accent-primary);color:var(--accent-primary);font-size:.8rem;font-family:var(--font-headers);font-weight:700;z-index:1}.game-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.game-genre{font-size:.8rem;color:var(--accent-secondary);margin-bottom:.5rem;text-transform:uppercase;font-family:var(--font-headers)}.game-title{font-size:1.4rem;margin-bottom:.75rem}.game-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1}.game-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.game-feature-tag{font-size:.75rem;padding:.2rem .5rem;background:var(--bg-tertiary);border:var(--border-style-dim);border-radius:4px;color:var(--text-secondary)}.game-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:var(--border-style-dim)}.game-price{font-family:var(--font-headers);font-size:1.3rem;font-weight:700}.filters{display:flex;gap:.75rem;margin-bottom:3.5rem;flex-wrap:wrap;justify-content:center;background:#ffffff03;padding:.5rem;border-radius:30px;border:1px solid rgba(255,255,255,.03);width:fit-content;margin-left:auto;margin-right:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:.6rem 1.4rem;cursor:pointer;font-family:var(--font-headers);border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.82rem;font-weight:600;letter-spacing:.5px}.filter-btn:hover{color:var(--text-primary);background:#ffffff05}.filter-btn.active{border:1px solid rgba(255,255,255,.08);color:#000;background:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.template-card{display:flex;flex-direction:column;position:relative;background:var(--bg-secondary);border:var(--border-style);border-radius:var(--border-radius);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.template-card:hover{transform:translateY(-8px);border-color:#525252;box-shadow:0 20px 40px #0009,0 0 1px #fff3}.template-img-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:#09090b;border-bottom:var(--border-style-dim)}.template-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.template-card:hover .template-img{transform:scale(1.06)}.template-category{position:absolute;bottom:1rem;left:1rem;padding:.3rem .8rem;background:#0a0a0cbf;font-size:.72rem;color:var(--accent-primary);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);font-family:var(--font-headers);font-weight:700;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.5px}.template-price-tag{position:absolute;top:1rem;right:1rem;padding:.35rem .85rem;background:var(--bg-primary);border:1px solid rgba(255,255,255,.05);color:var(--text-primary);font-weight:800;font-size:.85rem;font-family:var(--font-headers);border-radius:var(--border-radius);z-index:2;box-shadow:0 4px 10px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.template-content{padding:1.75rem;display:flex;flex-direction:column;flex-grow:1}.template-title{font-size:1.35rem;margin-bottom:.75rem;font-family:var(--font-headers);font-weight:700}.template-desc{font-size:.88rem;color:var(--text-secondary);margin-bottom:1.75rem;flex-grow:1;line-height:1.6}.template-features{list-style:none;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.02);padding-top:1.25rem}.template-features li{font-size:.82rem;display:flex;align-items:center;gap:.6rem;color:var(--text-secondary)}.template-features li svg{color:var(--accent-primary);flex-shrink:0}.template-footer{display:flex;gap:.75rem;padding-top:1.25rem;border-top:var(--border-style-dim);margin-top:auto;flex-wrap:wrap}.preview-desktop,.preview-tablet,.preview-mobile{transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.preview-desktop{width:100%;height:100%;margin:0;border-radius:0;box-shadow:none;border:none}.preview-tablet{width:768px;height:95%;max-height:820px;margin:0 auto;border:14px solid #1a1a1f;border-radius:24px;box-shadow:0 30px 60px #000c;background:#000}.preview-mobile{width:375px;height:95%;max-height:680px;margin:0 auto;border:14px solid #1a1a1f;border-radius:36px;box-shadow:0 30px 60px #000c;background:#000}.preview-mobile:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:110px;height:16px;background:#1a1a1f;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:100}.sim-control-btn{background:transparent;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:.75rem;padding:.4rem .8rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-headers);transition:all .2s}.sim-control-btn:hover,.sim-control-btn.active{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.sim-color-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s}.sim-color-dot.active{border-color:var(--accent-primary);transform:scale(1.2)}@media (max-width: 800px){.preview-tablet,.preview-mobile{width:95%}}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.contact-info{display:flex;flex-direction:column;justify-content:space-between}.contact-header h2{font-size:2.2rem;text-transform:uppercase;margin-bottom:1rem}.contact-header p{color:var(--text-secondary);margin-bottom:2rem}.info-cards{display:grid;gap:1.5rem}.info-item{padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.info-icon{background:var(--bg-tertiary);border:var(--border-style-dim);padding:.75rem;border-radius:var(--border-radius);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.info-item h3{font-size:1rem;margin-bottom:.25rem;text-transform:uppercase}.info-item p{font-size:.9rem;color:var(--text-secondary)}.social-links{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.social-btn{background:var(--bg-secondary);border:var(--border-style-dim);padding:.75rem;border-radius:var(--border-radius);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;gap:.5rem}.contact-link{color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.contact-link:hover{color:var(--accent-primary);text-decoration:underline}.copy-btn{background:var(--bg-tertiary);border:var(--border-style-dim);color:var(--text-muted);width:34px;height:34px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.copy-btn:hover{background:var(--bg-secondary);color:var(--accent-primary);border-color:var(--accent-primary)}.field-error-msg{display:none;color:#f43f5e;font-size:.78rem;margin-top:.35rem;font-family:var(--font-body)}.input-error{border-color:#f43f5e!important;box-shadow:0 0 0 1px #f43f5e33!important}.spin-icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.contact-layout{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.form-card{padding:1.5rem}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:2rem;margin:3rem 0;min-height:500px}.admin-sidebar{display:flex;flex-direction:column;gap:.5rem}.admin-sidebar-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:.75rem .75rem .15rem;font-family:var(--font-headers);margin-top:.25rem}.homepage-sub-nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:var(--border-style-dim)}.homepage-sub-nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:var(--bg-primary);border:var(--border-style-dim);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);font-family:var(--font-headers);font-size:.78rem;text-transform:uppercase;transition:all .2s}.homepage-sub-nav-btn:hover,.homepage-sub-nav-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.admin-tab-btn{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.2rem;background:var(--bg-secondary);border:var(--border-style-dim);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:var(--border-radius);font-family:var(--font-headers);text-transform:uppercase;font-size:.85rem;transition:all .2s}.admin-tab-btn:hover,.admin-tab-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--bg-tertiary)}.admin-content{padding:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:var(--border-style-dim);padding-bottom:1rem;flex-wrap:wrap;gap:1rem}.admin-header h2{font-size:1.8rem;text-transform:uppercase}.testimonials-slider-wrap{position:relative}.testimonials-slider-viewport{overflow:hidden;border-radius:var(--border-radius);cursor:grab}.testimonials-slider-viewport:active{cursor:grabbing}.testimonials-track{display:flex;will-change:transform}.testi-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.75rem}.testi-ctrl-btn{width:42px;height:42px;border-radius:50%;border:1px solid #262626;background:var(--bg-secondary);color:var(--accent-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,transform .15s;flex-shrink:0}.testi-ctrl-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-tertiary);transform:scale(1.05)}.testi-ctrl-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.testi-dots{display:flex;align-items:center;gap:.45rem}.testi-dot{width:7px;height:7px;border-radius:50%;border:1px solid #333;background:var(--bg-tertiary);cursor:pointer;padding:0;transition:background .3s,border-color .3s,transform .3s}.testi-dot.active{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.3)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.dash-stat-card{padding:1.5rem;display:flex;align-items:center;gap:1rem}.dash-stat-icon{background:#a370f71a;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.75rem;border-radius:8px;display:flex}.dash-stat-info h4{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.dash-stat-info p{font-size:1.8rem;font-weight:800;font-family:var(--font-headers)}.admin-table-container{overflow-x:auto;border:var(--border-style-dim);border-radius:var(--border-radius);margin-bottom:2rem}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-table th{background:var(--bg-tertiary);padding:1rem;font-family:var(--font-headers);text-transform:uppercase;color:var(--accent-secondary);border-bottom:var(--border-style-dim)}.admin-table td{padding:1rem;border-bottom:var(--border-style-dim);color:var(--text-primary);white-space:normal}.admin-table tr:hover{background-color:#ffffff05}.table-actions{display:flex;gap:.5rem}.inbox-list{display:grid;gap:1.5rem}.message-card{padding:1.5rem;position:relative}.message-card.new{border-left:4px solid var(--accent-primary)}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.message-sender h3{font-size:1.1rem}.message-sender p{font-size:.8rem;color:var(--text-secondary)}.message-meta{text-align:right}.message-date{font-size:.75rem;color:var(--text-muted);display:block}.message-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-family:var(--font-headers);margin-top:.25rem}.message-badge.new{background:#39ff141a;color:#39ff14;border:1px solid #39ff14}.message-badge.read{background:#00d2ff1a;color:#00d2ff;border:1px solid #00d2ff}.message-badge.replied{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--text-muted)}.message-body{font-size:.9rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:1rem;border-radius:4px;margin-bottom:1rem;white-space:pre-line}.message-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.modal.show{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2.5rem;position:relative;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;z-index:10}.modal-close:hover{color:var(--accent-primary)}.footer{margin-top:auto;border-top:var(--border-style-dim);padding:3rem 0;background:var(--bg-secondary);font-size:.9rem;color:var(--text-secondary)}.footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.footer-admin-link{color:var(--text-muted);font-size:.8rem;display:inline-flex;align-items:center;gap:.25rem}.footer-admin-link:hover{color:var(--accent-primary)}.preview-desktop{width:100%;height:100%;transition:all .4s ease-out}.preview-tablet{width:768px!important;max-width:90%;height:90%!important;margin:2rem auto;border-left:12px solid #222;border-right:12px solid #222;border-top:24px solid #222;border-bottom:24px solid #222;border-radius:24px;box-shadow:0 20px 50px #000c;transition:all .4s ease-out}.preview-mobile{width:375px!important;max-width:80%;height:80%!important;margin:3rem auto;border-left:10px solid #222;border-right:10px solid #222;border-top:36px solid #222;border-bottom:36px solid #222;border-radius:36px;box-shadow:0 20px 50px #000c;position:relative;transition:all .4s ease-out}.preview-mobile:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:4px;background:#555;border-radius:2px}.sim-control-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.35rem .75rem;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;transition:all .2s}.sim-control-btn.active,.sim-control-btn:hover{background:var(--accent-primary);color:#000;border-color:var(--accent-primary)}.sim-color-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.sim-color-dot:hover,.sim-color-dot.active{transform:scale(1.2);border-color:#fff}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 0}.login-card{width:100%;max-width:400px;padding:2.5rem}.login-logo{text-align:center;margin-bottom:2rem}.login-error{background:#ef44441a;border:1px solid #ef4444;color:#f87171;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.85rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;max-width:350px}.toast{padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--accent-primary);color:var(--text-primary);border-radius:var(--border-radius);box-shadow:var(--card-shadow);display:flex;align-items:center;gap:.75rem;font-family:var(--font-headers);animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.hamburger-btn{display:flex}.logo{font-size:1.4rem}.sim-device-selectors{display:none!important}.nav-links{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:var(--bg-secondary);border-bottom:var(--border-style);padding:1.5rem;gap:1.25rem;align-items:stretch;box-shadow:0 10px 30px #00000080;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transform-origin:top center;transition:opacity .25s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility .25s}.nav-links.show-mobile{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-link{display:block;width:100%;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.nav-cta-btn{display:none!important}.nav-mobile-cta-item{display:block!important}.nav-container{overflow:visible;flex-wrap:nowrap;gap:0}.services-summary-grid{grid-template-columns:1fr!important}.service-detail-left,.service-detail-right{order:unset!important}.service-graphic-box{min-height:160px!important}.services-cta-actions{flex-direction:column}.services-cta-actions .btn{width:100%;justify-content:center}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem}.section-title{font-size:1.8rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;margin-top:2.5rem}.section-header .btn{align-self:stretch;text-align:center}.cards-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin:2rem 0}.stat-card{padding:1.25rem .75rem}.stat-value{font-size:2rem}.filters{gap:.5rem;margin-bottom:1.5rem}.filter-btn{padding:.4rem .8rem;font-size:.8rem;flex-grow:1;text-align:center}.card,.form-card,.calc-card,.login-card{padding:1.5rem!important}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.admin-layout,.admin-grid-layout{grid-template-columns:1fr;gap:1.5rem}.admin-sidebar{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;max-width:100%;-webkit-overflow-scrolling:touch}.admin-tab-btn{white-space:nowrap;padding:.6rem 1rem;font-size:.75rem}.admin-content{padding:1.25rem}.form-row{grid-template-columns:1fr}.hero-actions{flex-direction:column;gap:1rem}.hero-actions .btn{width:100%}.template-footer{flex-direction:column}.template-footer .btn{width:100%;flex:unset;justify-content:center}.home-cta-actions{flex-direction:column;align-items:stretch}.home-cta-actions .btn{width:100%;justify-content:center}.footer-container{flex-direction:column;text-align:center;gap:1.5rem}.footer-info{justify-content:center}}.footer-social-links{display:flex;gap:1.25rem;align-items:center}.footer-social-icon{color:var(--text-secondary);transition:color .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center}.footer-social-icon:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-social-icon svg{width:20px;height:20px;stroke-width:1.5}.page-transition{animation:pageFadeIn .4s ease forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#custom-cursor-glow{position:fixed;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#ffffff0a,#fff0 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);left:-300px;top:-300px}@media (max-width: 768px){#custom-cursor-glow{display:none!important}}.budget-wizard-group{margin-bottom:1.5rem}.budget-wizard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.wizard-option{background:var(--bg-secondary);border:var(--border-style);border-radius:var(--border-radius);padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.wizard-option i{width:20px;height:20px;color:var(--text-secondary);transition:color .25s,transform .25s}.wizard-option span{font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:color .25s}.wizard-option:hover{border-color:var(--accent-secondary);background:var(--bg-tertiary)}.wizard-option:hover i{transform:translateY(-2px)}.wizard-option.active{background:var(--accent-glow);border-color:var(--accent-primary)}.wizard-option.active i{color:var(--accent-primary);transform:scale(1.1)}.wizard-option.active span{color:var(--accent-primary);font-weight:600}@media (max-width: 480px){.budget-wizard-grid{grid-template-columns:repeat(2,1fr)}}#quick-lead-widget{position:fixed;bottom:2rem;right:2rem;z-index:1000;font-family:var(--font-body)}#quick-lead-toggle-btn{background:var(--accent-primary);color:var(--bg-primary);border:none;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080,0 0 10px var(--accent-glow);transition:all .3s cubic-bezier(.16,1,.3,1)}#quick-lead-toggle-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 15px 35px #0009,0 0 15px var(--accent-glow)}#quick-lead-container{display:none;width:320px;background:#0c0c0cd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:var(--border-style);border-radius:8px;padding:1.25rem;box-shadow:0 15px 40px #0009;position:absolute;bottom:0;right:0;transform-origin:bottom right;animation:scaleUp .35s cubic-bezier(.16,1,.3,1) forwards}.quick-lead-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:var(--border-style-dim);padding-bottom:.5rem}.quick-lead-header h3{font-family:var(--font-headers);font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}#quick-lead-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}#quick-lead-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}#quick-lead-widget.quick-lead-open #quick-lead-toggle-btn{display:none}#quick-lead-widget.quick-lead-open #quick-lead-container{display:block}@keyframes scaleUp{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){#quick-lead-widget{bottom:1rem;right:1rem}#quick-lead-container{width:calc(100vw - 2rem)}}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}.workflow-step{position:relative;padding:1.5rem;background:var(--bg-secondary);border:var(--border-style);border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-step:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.step-number{font-family:var(--font-headers);font-size:2.2rem;font-weight:900;color:var(--accent-glow);line-height:1;margin-bottom:.75rem;transition:color .3s}.workflow-step:hover .step-number{color:var(--accent-primary)}.step-content h4{font-family:var(--font-headers);font-size:1.05rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.step-content p{font-size:.8rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 992px){.workflow-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.workflow-steps{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.06s}.reveal-delay-2{transition-delay:.13s}.reveal-delay-3{transition-delay:.2s}.reveal-delay-4{transition-delay:.27s}.reveal-delay-5{transition-delay:.34s}.card{padding:3rem 2.5rem!important}.template-card.card{padding:0!important}.template-content{padding:2.5rem 2.25rem!important}.form-card.card{padding:3rem 2.5rem!important}.faq-accordion{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.faq-item{border:var(--border-style);border-radius:var(--border-radius);background:var(--bg-secondary);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.faq-trigger{width:100%;padding:1.75rem 2.25rem;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-headers);font-size:1.15rem;font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;outline:none}.faq-trigger i{transition:transform .4s cubic-bezier(.16,1,.3,1);color:var(--accent-primary)}.faq-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1);padding:0 2.25rem;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.faq-item.active{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover)}.faq-item.active .faq-trigger i{transform:rotate(180deg)}.faq-item.active .faq-content{max-height:250px;padding-bottom:2rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:3.5rem}.tech-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.75rem!important;text-align:center;background:var(--bg-secondary);border:var(--border-style);border-radius:var(--border-radius);transition:all .4s cubic-bezier(.16,1,.3,1)}.tech-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover)}.tech-icon{font-size:2.5rem;color:var(--accent-primary);margin-bottom:1.25rem}.tech-name{font-family:var(--font-headers);font-size:1rem;font-weight:600}@media (min-width: 769px){.nav-links{position:relative}}.nav-underline{position:absolute;bottom:-6px;height:2px;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow),0 0 5px var(--accent-primary);transition:all .38s cubic-bezier(.16,1,.3,1);pointer-events:none;opacity:0;border-radius:2px}@media (max-width: 768px){.nav-underline{display:none!important}}.services-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:3rem}.services-summary-card{display:flex;flex-direction:column;align-items:flex-start;padding:2.25rem;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.services-summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translate(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1)}.services-summary-card:hover:before{transform:translate(100%)}.services-summary-card .arrow-icon{margin-top:auto;padding-top:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);font-family:var(--font-headers);transition:color .3s,transform .3s}.services-summary-card:hover .arrow-icon{color:var(--accent-primary);transform:translate(5px)}.service-detail-section{scroll-margin-top:110px;padding:6rem 0;border-bottom:var(--border-style-dim)}.service-detail-section:last-of-type{border-bottom:none}.service-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.service-detail-left{text-align:left}.service-detail-right{display:flex;justify-content:center;align-items:center}.service-graphic-box{width:100%;max-width:420px;height:280px;border:var(--border-style);border-radius:var(--border-radius);background:linear-gradient(135deg,#14141966,#0a0a0c66);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.service-graphic-box:after{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.5;animation:floatGlow 6s ease-in-out infinite alternate}@keyframes floatGlow{0%{transform:translate(-20px,-20px)}to{transform:translate(20px,20px)}}@media (max-width: 768px){.service-detail-content{grid-template-columns:1fr;gap:2.5rem}.service-detail-section{padding:4rem 0}}.mock-container{width:85%;height:75%;display:flex;flex-direction:column;background:#0a0a0cb3;border:1px solid rgba(255,255,255,.05);border-radius:6px;position:relative;z-index:2;box-shadow:0 20px 40px #00000080;overflow:hidden}.mock-browser-header{height:28px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 10px;gap:6px}.mock-browser-dot{width:7px;height:7px;border-radius:50%;background:#ffffff26}.mock-browser-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.mock-browser-hero{height:45px;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);border-radius:3px;position:relative;overflow:hidden}.mock-browser-hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);animation:shine 3s infinite}@keyframes shine{to{transform:translate(100%)}}.mock-browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mock-browser-card{height:55px;background:#ffffff08;border:1px solid rgba(255,255,255,.03);border-radius:3px}.mock-terminal-header{height:28px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 10px;font-family:var(--font-headers);font-size:.65rem;color:var(--text-secondary);letter-spacing:.5px}.mock-terminal-body{padding:1rem;font-family:Share Tech Mono,monospace;font-size:.75rem;color:#94a3b8;line-height:1.5;text-align:left;flex-grow:1;overflow-y:auto}.mock-terminal-body::-webkit-scrollbar{width:4px;height:4px}.mock-terminal-body::-webkit-scrollbar-track{background:transparent}.mock-terminal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.mock-terminal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#060608}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;border:2px solid #060608}::-webkit-scrollbar-thumb:hover{background:#fff3}.mock-terminal-kw{color:#f43f5e}.mock-terminal-fn{color:#3b82f6}.mock-terminal-str{color:#10b981}.mock-db-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;flex-grow:1}.mock-db-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mock-db-stat{padding:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:4px;text-align:center}.mock-db-stat-val{font-size:1rem;font-weight:700;font-family:var(--font-headers);color:var(--accent-primary)}.mock-db-stat-lbl{font-size:.55rem;color:var(--text-muted);text-transform:uppercase}.mock-db-chart{display:flex;align-items:flex-end;justify-content:space-between;height:60px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05)}.mock-db-bar{width:14px;background:linear-gradient(to top,rgba(255,255,255,.02),var(--accent-primary));border-radius:2px 2px 0 0;transition:height 1s ease}.mock-speed-body{padding:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;position:relative}.mock-speed-circle{width:110px;height:110px;border-radius:50%;border:4px solid rgba(255,255,255,.02);border-top-color:var(--accent-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:rotateCircle 2.5s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes rotateCircle{0%{transform:rotate(-30deg)}to{transform:rotate(210deg)}}.mock-speed-value{font-size:2rem;font-weight:800;font-family:var(--font-headers);color:var(--accent-primary);transform:rotate(inherit);animation:counterRotate 2.5s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes counterRotate{0%{transform:rotate(30deg)}to{transform:rotate(-210deg)}}.mock-speed-lbl{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;margin-top:.5rem;letter-spacing:.5px}#app{transition:transform 2.2s cubic-bezier(.76,0,.24,1),opacity 2.2s ease,filter 2.2s ease;transform-origin:center 40vh}.swallowed{transform:scale(0);opacity:0;filter:blur(15px) brightness(1.3);pointer-events:none}.spitted{animation:spitBack 1.8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes spitBack{0%{transform:scale(0);opacity:0;filter:blur(15px) brightness(1.3);pointer-events:none}to{transform:scale(1);opacity:1;filter:blur(0) brightness(1)}}