:root{--color-bg-primary:#070b13;--color-bg-secondary:#0c1222;--color-bg-tertiary:#131b2e;--color-primary:#06b6d4;--color-primary-rgb:6,182,212;--color-secondary:#3b82f6;--color-secondary-rgb:59,130,246;--color-accent:#8b5cf6;--color-text-main:#f3f4f6;--color-text-muted:#9ca3af;--color-text-dim:#6b7280;--color-success:#10b981;--color-error:#ef4444;--color-border:rgba(255,255,255,0.08);--color-border-glow:rgba(6,182,212,0.25);--gradient-primary:linear-gradient(135deg,var(--color-primary),var(--color-secondary));--gradient-glow:linear-gradient(135deg,rgba(6,182,212,0.15),rgba(59,130,246,0.15));--gradient-dark:linear-gradient(180deg,var(--color-bg-primary),var(--color-bg-secondary));--glass-bg:rgba(12,18,34,0.65);--glass-border:rgba(255,255,255,0.06);--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'Courier New',Courier,monospace;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--transition-fast:all 0.2s cubic-bezier(0.16,1,0.3,1);--container-max-width:1200px;--header-height:80px;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);background-color:var(--color-bg-primary);color:var(--color-text-main);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;}body{overflow-x:hidden;background:var(--color-bg-primary);}img,svg{display:block;max-width:100%;height:auto;}a{color:inherit;text-decoration:none;transition:var(--transition-fast);}ul,ol{list-style:none;}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none;}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 24px;}.text-center{text-align:center;}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;}.btn-primary{background:var(--gradient-primary);color:#ffffff;box-shadow:0 4px 15px rgba(6,182,212,0.3);}.btn-primary::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%);transition:transform 0.6s ease-in-out;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(6,182,212,0.45);}.btn-primary:hover::after{transform:translateX(100%);}.btn-secondary{background:rgba(255,255,255,0.05);border:1px solid var(--color-border);color:var(--color-text-main);backdrop-filter:blur(4px);}.btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-2px);}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);}.btn-outline:hover{background:var(--gradient-primary);color:#ffffff;box-shadow:0 4px 12px rgba(6,182,212,0.3);border-color:transparent;}.btn-sm{padding:8px 16px;font-size:0.875rem;}.btn-lg{padding:14px 28px;font-size:1rem;}.btn-block{width:100%;padding:14px;}section{padding:100px 0;position:relative;}.section-header{margin-bottom:60px;max-width:700px;}.section-header.text-center{margin-left:auto;margin-right:auto;}.subtitle{display:inline-block;font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:0.8125rem;letter-spacing:2px;color:var(--color-primary);margin-bottom:12px;position:relative;padding-left:24px;}.subtitle::before{content:'';position:absolute;left:0;top:50%;width:14px;height:2px;background:var(--gradient-primary);transform:translateY(-50%);}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px;letter-spacing:-0.5px;}.section-desc{color:var(--color-text-muted);font-size:1.125rem;}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);}.glass-card:hover{border-color:rgba(6,182,212,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.5);transform:translateY(-4px);}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;display:flex;align-items:center;border-bottom:1px solid transparent;transition:var(--transition-smooth);}.site-header.scrolled{background:rgba(7,11,19,0.85);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:70px;}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;}.logo-area{display:flex;align-items:center;gap:12px;cursor:pointer;}.header-logo{height:40px;width:auto;object-fit:contain;}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.375rem;letter-spacing:-0.5px;color:#ffffff;}.logo-subtext{font-weight:400;color:var(--color-primary);}.primary-nav{display:flex;}.nav-list{display:flex;gap:32px;}.nav-link{font-family:var(--font-heading);font-weight:500;font-size:0.9375rem;color:var(--color-text-muted);position:relative;padding:8px 0;}.nav-link:hover,.nav-link.active{color:var(--color-primary);}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition-fast);}.nav-link:hover::after,.nav-link.active::after{width:100%;}.nav-toggle{display:none;cursor:pointer;z-index:1100;padding:10px;}.hamburger{display:block;position:relative;width:24px;height:2px;background-color:var(--color-text-main);transition:var(--transition-fast);}.hamburger::before,.hamburger::after{content:'';position:absolute;width:24px;height:2px;background-color:var(--color-text-main);transition:var(--transition-fast);}.hamburger::before{top:-8px;}.hamburger::after{bottom:-8px;}.nav-toggle.open .hamburger{background-color:transparent;}.nav-toggle.open .hamburger::before{transform:rotate(45deg);top:0;}.nav-toggle.open .hamburger::after{transform:rotate(-45deg);bottom:0;}.hero-section{min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--header-height) + 40px);overflow:hidden;}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('assets/NETWORK_BG.jpg');background-size:cover;background-position:center;opacity:0.12;z-index:1;filter:saturate(1.2);}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 75% 30%,rgba(59,130,246,0.15) 0%,rgba(7,11,19,0) 60%),radial-gradient(circle at 15% 80%,rgba(6,182,212,0.1) 0%,rgba(7,11,19,0) 50%),linear-gradient(180deg,rgba(7,11,19,0.5) 0%,var(--color-bg-primary) 100%);z-index:2;}.hero-container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;position:relative;z-index:3;}.hero-content{display:flex;flex-direction:column;align-items:flex-start;}.hero-badge{background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);color:var(--color-primary);font-family:var(--font-heading);font-weight:600;font-size:0.8125rem;padding:6px 16px;border-radius:50px;margin-bottom:24px;letter-spacing:0.5px;}.hero-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:24px;letter-spacing:-1px;}.hero-description{color:var(--color-text-muted);font-size:1.2rem;line-height:1.6;margin-bottom:40px;max-width:580px;}.hero-actions{display:flex;gap:16px;}.hero-visual{display:flex;justify-content:center;perspective:1000px;}.visual-card-wrapper{width:100%;max-width:460px;transform:rotateY(-10deg) rotateX(10deg);transition:var(--transition-smooth);}.visual-card-wrapper:hover{transform:rotateY(-2deg) rotateX(2deg) scale(1.02);}.visual-card{background:rgba(10,15,30,0.8);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.6),0 0 40px rgba(6,182,212,0.15);backdrop-filter:blur(10px);overflow:hidden;position:relative;}.card-glow{position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,0.2) 0%,rgba(0,0,0,0) 70%);filter:blur(20px);pointer-events:none;}.mock-header{background:rgba(255,255,255,0.03);padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:8px;}.dot{width:10px;height:10px;border-radius:50%;}.dot.red{background-color:var(--color-error);}.dot.yellow{background-color:#f59e0b;}.dot.green{background-color:var(--color-success);}.mock-title{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-dim);margin-left:12px;}.mock-body{padding:24px;font-family:var(--font-mono);font-size:0.8125rem;line-height:1.7;color:#e5e7eb;}.code-line{white-space:nowrap;}.indent-1{padding-left:20px;}.c-keyword{color:#f472b6;}.c-class{color:#60a5fa;}.c-string{color:#34d399;}.c-number{color:#fbbf24;}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:10;cursor:pointer;}.mouse-icon{display:block;width:28px;height:48px;border:2px solid var(--color-text-dim);border-radius:15px;position:relative;}.wheel{display:block;width:4px;height:8px;background-color:var(--color-primary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollMouse 1.5s infinite;}@keyframes scrollMouse{0%{opacity:1;top:8px;}100%{opacity:0;top:22px;}}.about-section{background-color:var(--color-bg-secondary);}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;}.about-card{padding:40px 30px;text-align:left;}.about-card.highlighted{border-color:rgba(6,182,212,0.2);box-shadow:0 12px 40px rgba(6,182,212,0.08);}.icon-box{width:54px;height:54px;background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(59,130,246,0.1));border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(6,182,212,0.15);}.about-icon{width:28px;height:28px;color:var(--color-primary);}.card-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:600;margin-bottom:16px;}.card-text{color:var(--color-text-muted);font-size:0.9375rem;line-height:1.6;}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}.service-card{padding:48px;display:flex;flex-direction:column;}.service-icon-wrapper{width:60px;height:60px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffffff;margin-bottom:28px;box-shadow:0 4px 15px rgba(6,182,212,0.25);}.service-icon{width:30px;height:30px;}.service-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:16px;}.service-text{color:var(--color-text-muted);margin-bottom:24px;flex-grow:1;font-size:0.975rem;}.service-list{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,0.05);padding-top:20px;}.service-list li{font-size:0.875rem;color:var(--color-text-main);display:flex;align-items:center;gap:10px;}.service-list li::before{content:'';width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;}.gallery-section{background-color:var(--color-bg-secondary);}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:48px;}.filter-btn{font-family:var(--font-heading);font-weight:600;font-size:0.9125rem;padding:10px 20px;border-radius:50px;border:1px solid var(--color-border);color:var(--color-text-muted);background:rgba(255,255,255,0.02);cursor:pointer;transition:var(--transition-smooth);}.filter-btn:hover,.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#ffffff;box-shadow:0 4px 15px rgba(6,182,212,0.2);transform:translateY(-1px);}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;transition:var(--transition-smooth);}.gallery-item{transition:var(--transition-smooth);}.gallery-item.hidden{opacity:0;transform:scale(0.95);position:absolute;pointer-events:none;width:0;height:0;overflow:hidden;margin:0;padding:0;border:none;}.gallery-card{overflow:hidden;padding:0;border-radius:16px;}.image-wrapper{position:relative;aspect-ratio:16/13;overflow:hidden;}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);}.gallery-card:hover .gallery-img{transform:scale(1.05);}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(7,11,19,0) 30%,rgba(7,11,19,0.95) 90%);display:flex;align-items:flex-end;padding:30px;opacity:0;transition:var(--transition-smooth);}.gallery-card:hover .gallery-overlay{opacity:1;}.overlay-content{transform:translateY(20px);transition:var(--transition-smooth);width:100%;}.gallery-card:hover .overlay-content{transform:translateY(0);}.item-badge{display:inline-block;background:var(--color-primary);color:#ffffff;font-size:0.75rem;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:10px;}.item-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:16px;}.contact-container{display:grid;grid-template-columns:0.95fr 1.05fr;gap:60px;align-items:start;}.contact-info-wrapper{display:flex;flex-direction:column;}.contact-details-list{display:flex;flex-direction:column;gap:30px;margin-top:40px;margin-bottom:40px;}.contact-detail-item{display:flex;align-items:center;gap:20px;}.detail-icon{width:50px;height:50px;border-radius:50%;background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.15);display:flex;align-items:center;justify-content:center;color:var(--color-primary);}.contact-svg{width:22px;height:22px;}.detail-text{display:flex;flex-direction:column;}.detail-label{font-size:0.8125rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;}.detail-value{font-size:1.0625rem;font-weight:500;}.detail-value a:hover{color:var(--color-primary);}.company-badge-card{padding:20px 24px;border-color:rgba(255,255,255,0.04);}.badge-content{display:flex;align-items:center;gap:16px;}.badge-logo{height:48px;width:auto;}.badge-info{display:flex;flex-direction:column;}.badge-info strong{font-family:var(--font-heading);font-size:0.975rem;color:#ffffff;}.badge-info span{font-size:0.8125rem;color:var(--color-text-muted);}.form-card{padding:40px;}.form-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:30px;}.form-row{margin-bottom:24px;}.form-group{display:flex;flex-direction:column;gap:8px;position:relative;}.form-group label{font-size:0.875rem;font-weight:500;color:var(--color-text-main);}.required-star{color:var(--color-error);}.form-group input,.form-group select,.form-group textarea{background:rgba(7,11,19,0.6);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;color:#ffffff;font-size:0.95rem;transition:var(--transition-smooth);width:100%;}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(6,182,212,0.15);background:rgba(7,11,19,0.8);}.form-group input.touched:invalid,.form-group select.touched:invalid,.form-group textarea.touched:invalid{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(239,68,68,0.1);}.form-group input.touched:valid,.form-group select.touched:valid,.form-group textarea.touched:valid{border-color:var(--color-success);}.error-msg{color:var(--color-error);font-size:0.775rem;margin-top:4px;display:none;}.form-group input.touched:invalid ~ .error-msg,.form-group select.touched:invalid ~ .error-msg,.form-group textarea.touched:invalid ~ .error-msg{display:block;}.spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#ffffff;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.btn-block.loading{pointer-events:none;}.btn-block.loading .btn-text{display:none;}.btn-block.loading .spinner{display:block;}.form-success-message{display:none;flex-direction:column;align-items:center;text-align:center;padding:20px 0;}.form-success-message.active{display:flex;}#contact-form.hidden{display:none;}.success-icon{width:68px;height:68px;border-radius:50%;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);display:flex;align-items:center;justify-content:center;color:var(--color-success);margin-bottom:24px;}.success-icon svg{width:34px;height:34px;}.success-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:12px;}.success-desc{color:var(--color-text-muted);font-size:0.95rem;margin-bottom:30px;max-width:320px;}.site-footer{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);padding-top:80px;}.footer-container{display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;padding-bottom:60px;}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;}.footer-logo{height:38px;width:auto;object-fit:contain;margin-bottom:12px;}.brand-tagline{color:var(--color-text-muted);font-size:0.9375rem;max-width:420px;margin-top:16px;margin-bottom:24px;}.location-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.03);border:1px solid var(--color-border);padding:6px 14px;border-radius:50px;font-size:0.8125rem;color:var(--color-text-muted);}.pin-svg{color:var(--color-primary);}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}.footer-col{display:flex;flex-direction:column;}.footer-col-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:20px;color:#ffffff;text-transform:uppercase;letter-spacing:1px;}.footer-links{display:flex;flex-direction:column;gap:12px;}.footer-links a{color:var(--color-text-muted);font-size:0.9375rem;}.footer-links a:hover{color:var(--color-primary);padding-left:4px;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.04);padding:30px 0;}.footer-bottom-container{display:flex;justify-content:space-between;align-items:center;}.copyright{color:var(--color-text-dim);font-size:0.8125rem;}.back-to-top{width:42px;height:42px;border-radius:8px;background:rgba(255,255,255,0.03);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);}.back-to-top:hover{background:var(--gradient-primary);border-color:transparent;color:#ffffff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,182,212,0.25);}.project-dialog{border:none;border-radius:16px;background:transparent;padding:0;max-width:900px;width:calc(100% - 40px);box-shadow:0 25px 50px -12px rgba(0,0,0,0.6);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);opacity:0;transition:opacity 0.3s ease,transform 0.3s cubic-bezier(0.16,1,0.3,1);color:var(--color-text-main);z-index:1200;overflow:hidden;}.project-dialog[open]{opacity:1;transform:translate(-50%,-50%) scale(1);}.project-dialog::backdrop{background:rgba(7,11,19,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity 0.3s ease;}.project-dialog[open]::backdrop{opacity:1;}.dialog-wrapper{background:var(--color-bg-secondary);border:1px solid rgba(255,255,255,0.08);border-radius:16px;position:relative;max-height:90vh;overflow-y:auto;}.dialog-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.05);color:var(--color-text-muted);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);z-index:10;line-height:1;padding-bottom:4px;}.dialog-close-btn:hover{background:rgba(239,68,68,0.1);color:var(--color-error);border-color:rgba(239,68,68,0.2);}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;}.dialog-image-pane{aspect-ratio:1;background:var(--color-bg-primary);}.dialog-img{width:100%;height:100%;object-fit:cover;}.dialog-info-pane{padding:50px 40px;display:flex;flex-direction:column;}.dialog-badge{display:inline-block;align-self:flex-start;background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);color:var(--color-primary);font-size:0.75rem;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:16px;}.dialog-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:20px;}.dialog-meta{font-size:0.875rem;color:var(--color-text-muted);margin-bottom:8px;}.dialog-meta strong{color:var(--color-text-main);}.dialog-body-text{margin-top:20px;margin-bottom:30px;font-size:0.95rem;color:var(--color-text-muted);}.dialog-body-text p{margin-bottom:12px;}.dialog-sub-heading{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;margin-bottom:14px;}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;}.tech-tag{background:rgba(255,255,255,0.03);border:1px solid var(--color-border);padding:6px 12px;border-radius:4px;font-size:0.8125rem;color:var(--color-text-muted);}.dialog-actions{margin-top:auto;}.dialog-cta-btn{width:100%;}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);}.scroll-reveal.active{opacity:1;transform:translateY(0);}.fade-in-up{animation:fadeInUp 0.8s cubic-bezier(0.16,1,0.3,1) forwards;}.fade-in{animation:fadeIn 1s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@media (max-width:1024px){.hero-title{font-size:3rem;}.hero-container{gap:30px;}.about-grid{grid-template-columns:1fr;}.services-grid{grid-template-columns:1fr;}.contact-container{grid-template-columns:1fr;gap:40px;}.dialog-grid{grid-template-columns:1fr;}.dialog-image-pane{aspect-ratio:16/9;}.dialog-info-pane{padding:30px;}}@media (max-width:768px){:root{--header-height:70px;}section{padding:70px 0;}.section-title{font-size:2rem;}.nav-toggle{display:block;}.primary-nav{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:var(--color-bg-primary);border-top:1px solid var(--color-border);flex-direction:column;align-items:center;justify-content:center;transform:translateX(100%);transition:var(--transition-smooth);z-index:999;}.primary-nav.open{transform:translateX(0);}.nav-list{flex-direction:column;align-items:center;gap:40px;}.nav-link{font-size:1.25rem;}.header-cta-wrapper{display:none;}.hero-container{grid-template-columns:1fr;text-align:center;gap:40px;padding-top:40px;}.hero-content{align-items:center;}.hero-title{font-size:2.5rem;}.hero-description{margin-left:auto;margin-right:auto;}.hero-actions{width:100%;flex-direction:column;gap:12px;}.hero-actions .btn{width:100%;}.hero-visual{transform:none;}.visual-card-wrapper{transform:none !important;}.gallery-grid{grid-template-columns:1fr;}.form-card{padding:24px;}.footer-container{grid-template-columns:1fr;gap:40px;}.footer-bottom-container{flex-direction:column;gap:20px;text-align:center;}}.admin-body{background:var(--color-bg-primary);min-height:100vh;display:flex;flex-direction:column;}.admin-login-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:40px 0;}.admin-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,0.08) 0%,rgba(59,130,246,0.05) 50%,rgba(0,0,0,0) 80%);filter:blur(40px);pointer-events:none;z-index:1;}.login-container{max-width:440px !important;position:relative;z-index:2;}.login-logo-wrapper{margin-bottom:32px;}.login-logo{height:60px;width:auto;margin:0 auto 16px auto;}.login-brand-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;letter-spacing:-0.5px;color:#ffffff;}.login-brand-subtitle{font-size:0.875rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:2px;margin-top:4px;}.login-card{padding:40px;border-color:rgba(255,255,255,0.08);}.login-card-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center;}.login-error-message{margin-top:20px;padding:12px 16px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:8px;color:var(--color-error);font-size:0.875rem;display:none;align-items:center;gap:10px;}.login-error-message.active{display:flex;}.alert-icon{width:18px;height:18px;flex-shrink:0;}.login-footer{margin-top:24px;}.back-to-site-link{font-size:0.875rem;color:var(--color-text-muted);}.back-to-site-link:hover{color:var(--color-primary);}.admin-dashboard-section{display:flex;flex-direction:column;min-height:100vh;}.dash-header{background:rgba(12,18,34,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:70px;display:flex;align-items:center;position:sticky;top:0;z-index:100;}.dash-header-container{display:flex;align-items:center;justify-content:space-between;width:100%;}.dash-logo-area{display:flex;align-items:center;gap:12px;}.dash-logo{height:32px;width:auto;}.dash-brand-title{font-family:var(--font-heading);font-weight:800;font-size:1.15rem;color:#ffffff;display:flex;align-items:center;gap:8px;}.dash-user-controls{display:flex;align-items:center;gap:20px;}.user-greeting{font-size:0.875rem;color:var(--color-text-muted);}.user-greeting strong{color:#ffffff;}.dash-main{flex-grow:1;padding:40px 0;background-color:var(--color-bg-primary);}.dash-container{display:flex;flex-direction:column;gap:30px;}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.stat-card{padding:24px 30px;display:flex;flex-direction:column;gap:8px;}.stat-card:hover{transform:none;}.stat-label{font-size:0.8125rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;}.stat-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;line-height:1;}.text-accent{color:var(--color-accent);}.text-success{color:var(--color-success);}.text-error{color:var(--color-error);}.dash-content-grid{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start;}.dash-sidebar{position:sticky;top:100px;}.sidebar-card{padding:24px 20px;}.sidebar-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);}.category-filters-list{display:flex;flex-direction:column;gap:8px;}.cat-filter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border-radius:8px;color:var(--color-text-muted);font-size:0.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition-fast);}.cat-filter-btn:hover{background:rgba(255,255,255,0.03);color:#ffffff;}.cat-filter-btn.active{background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.15);color:var(--color-primary);}.cat-count{background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:20px;font-size:0.75rem;color:var(--color-text-muted);}.cat-filter-btn.active .cat-count{background:rgba(6,182,212,0.2);color:var(--color-primary);}.dash-database-wrapper{min-width:0;}.database-card{padding:24px 30px;}.db-controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px;flex-wrap:wrap;}.search-input-wrapper{position:relative;max-width:480px;width:100%;}.search-svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-dim);}#db-search{width:100%;background:rgba(7,11,19,0.6);border:1px solid var(--color-border);border-radius:8px;padding:10px 16px 10px 42px;color:#ffffff;font-size:0.9125rem;transition:var(--transition-fast);}#db-search:focus{border-color:var(--color-primary);background:rgba(7,11,19,0.8);box-shadow:0 0 0 3px rgba(6,182,212,0.15);}.action-buttons{display:flex;gap:12px;}.table-scroll-container{overflow-x:auto;width:100%;position:relative;}.db-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.875rem;}.db-table th{padding:14px 16px;font-family:var(--font-heading);font-weight:600;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);text-transform:uppercase;font-size:0.775rem;letter-spacing:0.5px;}.db-table td{padding:16px;border-bottom:1px solid var(--color-border);vertical-align:top;}.db-table tr:hover td{background-color:rgba(255,255,255,0.01);}.td-timestamp{white-space:nowrap;color:var(--color-text-muted);font-size:0.8125rem;}.td-contact{display:flex;flex-direction:column;gap:4px;min-width:180px;}.client-email-sub{font-size:0.8125rem;color:var(--color-primary);}.client-company-sub{font-size:0.775rem;color:var(--color-text-dim);}.td-message{max-width:280px;min-width:200px;}.msg-text-preview{color:var(--color-text-muted);}.btn-text-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:0.8125rem;font-weight:500;display:inline-block;margin-left:4px;}.btn-text-link:hover{text-decoration:underline;}.td-actions{display:flex;gap:8px;}.btn-icon-action{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);}.btn-icon-action:hover{background:rgba(255,255,255,0.08);color:#ffffff;border-color:rgba(255,255,255,0.15);}.btn-icon-action:hover .text-error{color:var(--color-error);}.action-icon{width:16px;height:16px;}.no-records-view{display:none;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;}.no-records-view.active{display:flex;}.no-records-icon{width:50px;height:50px;color:var(--color-text-dim);margin-bottom:16px;}.no-records-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:6px;}.no-records-desc{color:var(--color-text-dim);font-size:0.875rem;max-width:280px;}.badge{display:inline-flex;align-items:center;font-size:0.75rem;font-weight:600;padding:3px 8px;border-radius:4px;line-height:1;white-space:nowrap;}.badge-primary{background:rgba(6,182,212,0.1);border:1px solid rgba(6,182,212,0.2);color:var(--color-primary);}.badge-secondary{background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);color:var(--color-secondary);}.badge-success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--color-success);}.badge-accent{background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.2);color:var(--color-accent);}.badge-primary-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary);}.badge-secondary-outline{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);}.badge-success-outline{background:transparent;border:1px solid var(--color-success);color:var(--color-success);}.badge-accent-outline{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);}.status-toggle-btn{cursor:pointer;transition:var(--transition-fast);}.status-toggle-btn:hover{transform:scale(1.03);}.status-toggle-btn.badge-accent-outline:hover{background:rgba(139,92,246,0.05);}.status-toggle-btn.badge-success-outline:hover{background:rgba(16,185,129,0.05);}.detail-modal-content{padding:40px;display:flex;flex-direction:column;}.modal-message-box{background:rgba(7,11,19,0.5);border:1px solid var(--color-border);padding:16px 20px;border-radius:8px;font-size:0.9375rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:24px;white-space:pre-wrap;max-height:240px;overflow-y:auto;}.hidden{display:none !important;}@media (max-width:1024px){.dash-content-grid{grid-template-columns:1fr;}.dash-sidebar{position:static;}.category-filters-list{flex-direction:row;flex-wrap:wrap;gap:10px;}.cat-filter-btn{width:auto;gap:12px;}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:15px;}.db-controls-bar{flex-direction:column;align-items:stretch;}.search-input-wrapper{max-width:none;}.action-buttons{justify-content:flex-start;}.dash-header-container{flex-direction:column;padding:12px 24px;height:auto;gap:10px;text-align:center;}.dash-header{height:auto;padding:10px 0;}.user-greeting{display:none;}}.qr-code-wrapper img{display:block;box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:var(--transition-smooth);}.qr-code-wrapper img:hover{transform:scale(1.03);}#setup-token,#verify-token{font-weight:700;color:var(--color-primary);}.btn-disabled{opacity:0.4;pointer-events:none !important;cursor:not-allowed !important;background:rgba(255,255,255,0.02) !important;border-color:var(--color-border) !important;color:var(--color-text-dim) !important;box-shadow:none !important;}