:root{--primary-color:#0A74DA;--secondary-color:#2ECC71;--accent-gradient:linear-gradient(90deg, #0A74DA, #6A5ACD);--bg-light:#F9FAFB;--bg-dark:#121212;--text-light:#121212;--text-dark:#F9FAFB;--card-light:#FFFFFF;--card-dark:#1E1E1E;--shadow-light:rgba(10, 116, 218, 0.1);--shadow-dark:rgba(0, 0, 0, 0.3);--font-heading:'Poppins',system-ui,-apple-system,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px var(--shadow-primary);--shadow-md:0 4px 16px var(--shadow-primary);--shadow-lg:0 8px 32px var(--shadow-primary);--shadow-hover:0 12px 40px var(--shadow-primary);--mobile:768px;--tablet:1024px;--desktop:1200px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}[data-theme=light]{--bg-primary:var(--bg-light);--bg-secondary:var(--card-light);--text-primary:var(--text-light);--text-secondary:#6B7280;--border-color:#E5E7EB;--shadow-primary:var(--shadow-light)}[data-theme=dark]{--bg-primary:var(--bg-dark);--bg-secondary:var(--card-dark);--text-primary:var(--text-dark);--text-secondary:#9CA3AF;--border-color:#374151;--shadow-primary:var(--shadow-dark)}:root{--bg-primary:var(--bg-dark);--bg-secondary:var(--card-dark);--text-primary:var(--text-dark);--text-secondary:#9CA3AF;--border-color:#374151;--shadow-primary:var(--shadow-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(10,116,218,0.2)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.particles-bg{display:none!important}}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal);opacity:1;animation:none;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(10,116,218,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(10,116,218,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0;opacity:.5}[data-theme=dark] body::before{background-image:linear-gradient(rgba(106,90,205,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(106,90,205,.04) 1px,transparent 1px)}@keyframes page-fade-in{to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm);width:100%}img{max-width:100%;height:auto;display:block}iframe{max-width:100%}.section{padding:var(--spacing-xl) 0;opacity:1;transform:none;animation:none;position:relative;z-index:1;contain:layout style}.section:nth-child(odd){animation-delay:0s}.section:nth-child(2n){animation-delay:0s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem, 4vw, 3rem);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--accent-gradient);border-radius:2px;animation:expand-line .8s ease-out}.service-types-indicator{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.service-type-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:.9rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.service-type-building{background:linear-gradient(135deg,rgba(10,116,218,.15),rgba(46,204,113,.15));color:var(--primary-color);border:2px solid rgba(10,116,218,.3)}.service-type-consulting{background:linear-gradient(135deg,rgba(106,90,205,.15),rgba(155,89,182,.15));color:#6a5acd;border:2px solid rgba(106,90,205,.3)}.service-type-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}@keyframes expand-line{from{width:0}to{width:60px}}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.theme-toggle{position:fixed;top:20px;right:20px;z-index:1001}#theme-toggle-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:0 4px 12px var(--shadow-primary);color:var(--text-primary);font-size:1.2rem}#theme-toggle-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.nav-bar{position:fixed;top:0;width:100%;background:rgba(249,250,251,.95);backdrop-filter:blur(10px);z-index:1000;transition:background-color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);border-bottom:1px solid transparent;will-change:background-color,box-shadow;contain:layout style}.nav-bar.scrolled{background:rgba(249,250,251,.98);border-bottom-color:var(--border-color);box-shadow:0 4px 20px var(--shadow-primary)}[data-theme=dark] .nav-bar{background:rgba(18,18,18,.95)}[data-theme=dark] .nav-bar.scrolled{background:rgba(18,18,18,.98)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md)}.nav-link{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link.active,.nav-link:hover{color:var(--primary-color)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-normal)}.nav-link.active::after,.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:linear-gradient(135deg,var(--bg-primary) 0,rgba(10,116,218,.05) 100%);overflow:hidden}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4;will-change:contents;contain:strict;pointer-events:none}[data-theme=dark] .particles-bg{opacity:.25}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.hero-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);align-items:center;position:relative;z-index:1}.hero-image{position:relative}.image-wrapper{position:relative;display:inline-block;width:min(300px,70vw);aspect-ratio:1/1;flex-shrink:0}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid var(--primary-color);box-shadow:0 8px 32px var(--shadow-primary);transition:box-shadow var(--transition-normal);position:relative;z-index:2;animation:float-profile 6s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.image-border{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:2px solid var(--primary-color);opacity:.3;z-index:1;animation:pulse-border 3s ease-in-out infinite}@keyframes float-profile{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes pulse-border{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.5}}.image-wrapper:hover .profile-img{animation:float-profile 3s ease-in-out infinite,profile-glow 2s ease-in-out infinite;box-shadow:0 12px 40px rgba(10,116,218,.4)}.image-wrapper:hover .image-border{opacity:.5;animation:pulse-border 1.5s ease-in-out infinite}@keyframes profile-glow{0%,100%{box-shadow:0 12px 40px rgba(10,116,218,.4)}50%{box-shadow:0 12px 50px rgba(10,116,218,.6)}}.hero-text{text-align:left}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.2}.greeting{display:inline-block;animation:none}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.typing-text{display:inline-block;animation:none}@keyframes fade-slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--secondary-color);margin-bottom:var(--spacing-sm)}.role-text{display:inline-block;animation:fade-slide-in .8s ease-out .5s backwards}.hero-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7;animation:none}.hero-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:none}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.hero-highlight{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 15px var(--shadow-primary)}.hero-highlight i{color:var(--primary-color);font-size:1.5rem}.hero-highlight .highlight-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:4px}.hero-highlight .highlight-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-normal);cursor:pointer;gap:10px;position:relative;overflow:hidden;z-index:1;min-height:48px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-booking{padding:18px 28px;gap:14px;box-shadow:0 8px 25px rgba(10,116,218,.35);min-height:70px;position:relative}.btn-booking:hover{box-shadow:0 12px 35px rgba(10,116,218,.45)}.btn-booking-secondary{gap:8px}.btn-icon-left{font-size:1.3rem;color:#fff}.btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1}.btn-main{font-size:1.05rem;font-weight:700;line-height:1.2}.btn-sub{font-size:.8rem;font-weight:400;opacity:.95;line-height:1.3}.btn-badge-pill{background:rgba(255,255,255,.25);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px;letter-spacing:.5px;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}.btn-badge{position:absolute;top:-8px;right:-8px;background:var(--secondary-color);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:.5px;box-shadow:0 4px 12px rgba(46,204,113,.4);animation:pulse-badge 2s ease-in-out infinite}.btn-badge-small{background:rgba(255,255,255,.25);color:#fff;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:10px;letter-spacing:.5px;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}@keyframes pulse-badge{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(46,204,113,.4)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(46,204,113,.6)}}.btn-text{font-size:1rem;font-weight:600}.btn-subtext{font-size:.75rem;font-weight:400;opacity:.9}.btn::before{content:none;position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn:hover::before{width:300px;height:300px}.btn-icon{transition:transform var(--transition-normal);position:relative;z-index:1}.btn:hover .btn-icon{transform:none}.btn span{position:relative;z-index:1}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px rgba(10,116,218,.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(10,116,218,.4)}.btn-primary:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(10,116,218,.3)}.btn-secondary{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 4px 15px rgba(10,116,218,.1)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 10px 30px rgba(10,116,218,.3)}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 5px 15px rgba(10,116,218,.2)}.hero-social{display:flex;gap:var(--spacing-sm);animation:none}.social-link{width:50px;height:50px;background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;transition:all var(--transition-normal);box-shadow:0 4px 12px var(--shadow-primary);border:2px solid transparent;position:relative;overflow:hidden;z-index:1}.social-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal);z-index:-1}.social-link:hover::before{opacity:1}.social-link i{position:relative;z-index:1}.social-link:hover{color:#fff;transform:none;border-color:var(--primary-color);box-shadow:0 8px 20px rgba(10,116,218,.4)}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:1}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--primary-color);font-size:1.2rem;text-decoration:none;animation:none;transition:all var(--transition-normal)}.scroll-text{font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.scroll-indicator:hover{transform:none}@keyframes bounce-fade{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(-10px);opacity:1}}.about-content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg);align-items:start;max-width:900px;margin:0 auto}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-sm);color:var(--text-secondary);text-align:center}.about-text{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);box-shadow:0 4px 12px var(--shadow-primary)}.about-text p:last-child{margin-bottom:0}.skill-category{margin-bottom:var(--spacing-md)}.services-showcase{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.service-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;transition:all .2s ease}.service-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px var(--shadow-primary)}.service-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--border-color);min-width:50px}.service-item:hover .service-number{color:var(--primary-color)}.service-icon-wrapper{display:flex;align-items:center}.service-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#0a74da,#2ecc71);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.service-icon.robotics{background:linear-gradient(135deg,#6a5acd,#9b59b6)}.service-icon.ai{background:linear-gradient(135deg,#ff6b6b,#ffd93d)}.service-content{flex:1}.service-content h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem 0}.service-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0 0 .75rem 0}.service-features{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.service-features span{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}.service-features i{color:var(--secondary-color);font-size:.7rem}.service-action{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:.85rem;font-weight:500;white-space:nowrap;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.service-action:hover{background:rgba(10,116,218,.1)}.service-action i{font-size:.75rem;transition:transform .2s ease}.service-action:hover i{transform:translateX(3px)}.service-cta{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,rgba(10,116,218,.1) 0,rgba(106,90,205,.1) 100%);border:1px solid rgba(10,116,218,.2);border-radius:12px;padding:1.5rem 2rem;gap:2rem}.cta-content{flex:1}.cta-badge{display:inline-flex;align-items:center;gap:.4rem;background:#157a41;color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.cta-content h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem 0}.cta-content p{color:var(--text-secondary);font-size:.85rem;margin:0}@media (max-width:900px){.service-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1rem}.service-number{display:none}.service-action{grid-column:1/-1;justify-content:center;background:rgba(10,116,218,.1)}}@media (max-width:600px){.service-item{grid-template-columns:1fr;padding:1rem}.service-icon-wrapper{justify-content:flex-start}.service-cta{flex-direction:column;text-align:center;padding:1.25rem}.service-cta .btn{width:100%;justify-content:center}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.service-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-md);box-shadow:0 10px 30px var(--shadow-primary);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.service-card:hover{transform:translateY(-6px);box-shadow:0 25px 40px var(--shadow-primary)}.service-icon-building{background:linear-gradient(135deg,#0a74da,#2ecc71)}.service-icon-consulting{background:linear-gradient(135deg,#6a5acd,#9b59b6)}.service-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.service-building .service-badge{background:linear-gradient(135deg,rgba(10,116,218,.15),rgba(46,204,113,.15));color:var(--primary-color);border:1px solid rgba(10,116,218,.3)}.service-consulting .service-badge{background:linear-gradient(135deg,rgba(106,90,205,.15),rgba(155,89,182,.15));color:#6a5acd;border:1px solid rgba(106,90,205,.3)}.service-building{border-left:4px solid var(--primary-color)}.service-consulting{border-left:4px solid #6a5acd}.service-card h3{font-family:var(--font-heading);font-size:1.25rem;margin:0}.service-card p{color:var(--text-secondary);line-height:1.5}.service-list{list-style:none;display:flex;flex-direction:column;gap:8px;padding-left:0;margin:0}.service-list li{position:relative;padding-left:22px;color:var(--text-secondary)}.service-list li::before{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--secondary-color);position:absolute;left:0;top:2px}.service-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.service-timeline{font-size:.9rem;color:var(--text-secondary)}.service-link{color:var(--primary-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.service-link::after{content:'\f061';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.8rem}.service-link:hover{color:var(--secondary-color)}.service-cta-bar{margin-top:var(--spacing-lg);padding:var(--spacing-md);border-radius:16px;background:linear-gradient(135deg,rgba(10,116,218,.08),rgba(106,90,205,.08));border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.cta-eyebrow{text-transform:uppercase;letter-spacing:1px;font-size:.85rem;color:var(--secondary-color);margin-bottom:4px;font-weight:600}.cta-body{color:var(--text-secondary);max-width:640px}.consulting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.consulting-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:var(--spacing-md);box-shadow:0 12px 30px var(--shadow-primary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.consulting-badge{align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(10,116,218,.1);color:var(--primary-color);font-weight:600;font-size:.85rem}.consulting-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;color:var(--text-secondary)}.consulting-card ul li::before{content:'\2022';color:var(--secondary-color);font-weight:700;display:inline-block;width:1rem}.consulting-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.price-tag{font-weight:700;color:var(--text-primary)}.skill-category h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.skills-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--bg-secondary);color:var(--text-primary);padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);transition:none;cursor:pointer;position:relative;overflow:hidden;z-index:1}.skill-tag::after{display:none}.skill-tag:hover{color:var(--text-primary);transform:none;box-shadow:none;border-color:var(--border-color)}.journey{background:var(--bg-secondary)}.journey .container{overflow:hidden}.journey-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.journey-step{position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.step-number{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--primary-color);opacity:.1;position:absolute;top:8px;right:20px;z-index:1;line-height:1}.step-card{background:var(--bg-primary);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 8px 32px var(--shadow-primary);transition:all var(--transition-normal);position:relative;z-index:2;width:100%;border-top:4px solid var(--primary-color);overflow:hidden}.step-card:hover{transform:none;box-shadow:0 20px 40px var(--shadow-primary)}.step-icon{width:80px;height:80px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin:0 auto var(--spacing-md);box-shadow:0 8px 25px rgba(10,116,218,.3);position:relative;z-index:3}.step-content h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center}.step-content p{color:var(--text-secondary);line-height:1.7;text-align:center;margin-bottom:var(--spacing-md)}.step-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.step-tag{background:rgba(10,116,218,.1);color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(10,116,218,.2);transition:none;cursor:pointer;position:relative;overflow:hidden;z-index:1}.step-tag::before{display:none}.step-tag:hover{color:var(--primary-color);transform:none;box-shadow:none;border-color:rgba(10,116,218,.2)}.projects-filter{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;position:relative}.projects-filter::after{display:none}.filter-btn{background:0 0;border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:500;transition:none;position:relative;overflow:hidden;z-index:1}.filter-btn::before{display:none}.filter-btn span{position:relative;z-index:1}.filter-btn:hover{color:var(--primary-color);transform:none;box-shadow:none}.filter-btn.active{background:var(--primary-color);color:#fff;box-shadow:none}.filter-btn:active{transform:translateY(0)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-md);perspective:1000px}.project-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-primary);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);position:relative;border:1px solid var(--border-color);animation:none;opacity:1;transform:translateZ(0);contain:layout style paint;will-change:transform,box-shadow}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:none;box-shadow:0 25px 60px var(--shadow-primary);border-color:var(--primary-color)}.project-card::before{content:none;position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);transform:scaleX(0);transition:transform var(--transition-normal);transform-origin:left}.project-card:hover::before{transform:none}.project-card::after{content:none;position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;mix-blend-mode:overlay}.project-card:hover::after{opacity:0}.project-image{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;position:relative;overflow:hidden;transition:all var(--transition-normal)}.project-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-image::before{opacity:0}.project-card:hover .project-image{transform:none}.project-image img{width:100%;height:100%;object-fit:cover}.project-card-featured{border:2px solid transparent;background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#f5a742,#1f3758) border-box}.project-card-featured:hover{box-shadow:0 25px 60px rgba(245,167,66,.2)}.media{background:var(--bg-secondary)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.media-card{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.media-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-primary)}.media-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-secondary);overflow:hidden}.media-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-card:hover .media-thumbnail img{transform:scale(1.05)}.media-thumbnail.article,.media-thumbnail.social{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.media-thumbnail.article{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%)}.media-thumbnail.article::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(10,116,218,.1) 50%,transparent 70%)}.media-thumbnail .media-icon{font-size:2.5rem;color:var(--primary-color);opacity:.6;z-index:1}.media-thumbnail.social.linkedin{background:linear-gradient(135deg,#0077b5 0,#00a0dc 100%)}.media-thumbnail.social.linkedin::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0,transparent 40%)}.media-thumbnail.social.instagram{background:linear-gradient(135deg,#833ab4 0,#fd1d1d 50%,#fcaf45 100%)}.media-thumbnail.social.instagram::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.15) 0,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0,transparent 40%)}.media-thumbnail.social.facebook{background:linear-gradient(135deg,#1877f2 0,#4267b2 100%)}.media-thumbnail.social.facebook::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.15) 0,transparent 40%)}.media-thumbnail.social .media-icon{color:#fff;opacity:1;font-size:3rem;z-index:1;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .2))}.media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:background .2s ease,transform .2s ease}.media-card:hover .media-play{background:red;transform:translate(-50%,-50%) scale(1.1)}.media-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff}.media-badge.youtube{background:red}.media-badge.article{background:var(--primary-color)}.media-info{padding:.85rem 1rem;flex:1}.media-info h3{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem 0;line-height:1.3}.media-info p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width:768px){.media-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.media-info{padding:.75rem}.media-info h3{font-size:.85rem}.media-info p{font-size:.75rem}}@media (max-width:480px){.media-grid{grid-template-columns:1fr}}.project-content{padding:var(--spacing-md)}.project-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);transition:color var(--transition-fast);position:relative}.project-card:hover .project-title{color:var(--primary-color)}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.project-card:hover .project-description{color:var(--text-primary)}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;padding-bottom:4px}.project-tech::-webkit-scrollbar{height:4px}.project-tech::-webkit-scrollbar-track{background:0 0}.project-tech::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.project-tech::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.project-card[data-project-id=labeeni-platform] .project-tech{flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;padding-right:8px}.tech-tag{background:rgba(10,116,218,.1);color:var(--primary-color);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(10,116,218,.2);transition:none;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;z-index:1}.tech-tag::before{display:none}.tech-tag::after{display:none}.tech-tag:hover{color:var(--primary-color);transform:none;box-shadow:none}.project-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.project-link{padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition-fast);position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;min-height:40px}.project-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.project-link:hover::before{left:100%}.project-link.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px rgba(10,116,218,.3)}.project-link.secondary{background:0 0;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:0 2px 8px rgba(10,116,218,.1)}.project-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(10,116,218,.4)}.project-link.primary:hover{box-shadow:0 8px 25px rgba(10,116,218,.5)}.project-link.secondary:hover{background:var(--primary-color);color:#fff;box-shadow:0 8px 25px rgba(10,116,218,.3)}.project-detail-hero{padding:var(--spacing-xl) 0 var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(10,116,218,.08) 100%);color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-color)}.project-detail-hero h1{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:var(--spacing-xs)}.project-detail-meta{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap}.project-detail-meta-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:10px 20px;border-radius:20px;box-shadow:0 4px 12px var(--shadow-primary);display:inline-flex;align-items:center;gap:8px}.project-detail-content{max-width:1100px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-sm)}.project-detail-section{margin-bottom:var(--spacing-lg)}.project-detail-section h2{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:1.2rem;font-family:var(--font-heading)}.project-detail-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.project-detail-media{border-radius:12px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-primary);transition:transform var(--transition-normal);background:var(--bg-secondary);border:1px solid var(--border-color)}.project-detail-media:hover{transform:scale(1.03)}.project-detail-media iframe,.project-detail-media img{width:100%;height:auto;display:block}.video-embed{position:relative;width:100%;padding-top:62.5%}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.video-embed{padding-top:66.66%}}.back-to-portfolio{position:fixed;top:25px;left:25px;z-index:1000;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,.08);font-weight:500;font-size:.95rem;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark] .back-to-portfolio{background:rgba(30,30,30,.7);border-color:rgba(255,255,255,.1)}.back-to-portfolio i{transition:transform .3s ease}.back-to-portfolio:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--primary-color);color:var(--primary-color)}.back-to-portfolio:hover{background:var(--bg-primary)}.back-to-portfolio:hover i{transform:translateX(-4px)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.feature-card{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 4px 12px var(--shadow-primary)}.experience{background:var(--bg-secondary)}.experience-timeline{max-width:950px;margin:0 auto}.experience-item{display:grid;grid-template-columns:160px 30px 1fr;gap:0;margin-bottom:1.25rem;position:relative}.experience-item:last-child{margin-bottom:0}.experience-left{display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-right:1rem;padding-top:.5rem}.experience-date{color:var(--text-primary);font-weight:600;font-size:.85rem;margin-bottom:.15rem}.experience-duration{color:var(--text-secondary);font-size:.75rem;opacity:.7}.experience-award{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;margin-top:.35rem}.experience-status{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;color:var(--secondary-color);font-size:.75rem;font-weight:500;margin-top:.35rem}.status-dot{width:6px;height:6px;background:var(--secondary-color);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.experience-divider{display:flex;flex-direction:column;align-items:center;position:relative}.experience-divider::before{content:'';position:absolute;top:10px;bottom:-1.25rem;width:2px;background:var(--border-color)}.experience-item:last-child .experience-divider::before{display:none}.experience-dot{width:10px;height:10px;background:var(--primary-color);border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 0 0 2px var(--primary-color);z-index:2;margin-top:.6rem}.experience-dot.highlight{background:gold;box-shadow:0 0 0 2px gold}.experience-dot.active{background:var(--secondary-color);box-shadow:0 0 0 2px var(--secondary-color)}.experience-right{background:var(--bg-primary);border-radius:10px;padding:1rem 1.25rem;box-shadow:0 2px 8px var(--shadow-primary);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.experience-right:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-primary)}.experience-item.featured .experience-right{border-color:rgba(255,215,0,.3);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(255,215,0,.02) 100%)}.experience-item.current .experience-right{border-color:rgba(46,204,113,.3)}.experience-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.15rem;flex-wrap:wrap}.experience-header h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.experience-type{padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(10,116,218,.1);color:var(--primary-color)}.experience-type.training{background:rgba(156,39,176,.1);color:#9c27b0}.experience-type.founder{background:rgba(255,215,0,.15);color:#d4a000}.experience-type.freelance{background:rgba(46,204,113,.1);color:var(--secondary-color)}.experience-company{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.experience-company i{color:var(--primary-color);font-size:.8rem}.experience-location{color:var(--text-secondary);opacity:.7;font-weight:400}.experience-list{margin:0 0 .6rem 0;padding-left:1rem;list-style:none}.experience-list li{color:var(--text-secondary);margin-bottom:.25rem;line-height:1.5;font-size:.85rem;position:relative}.experience-list li:last-child{margin-bottom:0}.experience-list li::before{content:'▹';position:absolute;left:-1rem;color:var(--primary-color);font-size:.8rem}.experience-confidential{color:var(--text-secondary);font-size:.8rem;font-style:italic;opacity:.6;display:flex;align-items:center;gap:.4rem;margin:0}.experience-confidential i{font-size:.7rem;color:var(--text-secondary)}.experience-tags{display:flex;flex-wrap:wrap;gap:.35rem}.experience-tag{background:rgba(10,116,218,.08);color:var(--primary-color);padding:.2rem .5rem;border-radius:3px;font-size:.7rem;font-weight:500;transition:background .2s ease}.experience-tag:hover{background:rgba(10,116,218,.15)}@media (max-width:768px){.experience-item{grid-template-columns:1fr;gap:0;margin-bottom:1rem}.experience-left{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;padding-right:0;padding-bottom:.5rem;gap:.75rem;flex-wrap:wrap}.experience-divider{display:none}.experience-right{border-left:3px solid var(--primary-color);border-radius:0 10px 10px 0;padding:.85rem 1rem}.experience-item.featured .experience-right{border-left-color:gold}.experience-item.current .experience-right{border-left-color:var(--secondary-color)}.experience-header{flex-direction:column;align-items:flex-start;gap:.35rem}.experience-header h3{font-size:1rem}}@media (max-width:480px){.experience-left{flex-direction:column;align-items:flex-start;gap:.15rem}.experience-right{padding:.75rem}.experience-company{flex-direction:column;align-items:flex-start;gap:.15rem}.experience-list li{font-size:.8rem}.experience-tag{font-size:.65rem;padding:.15rem .4rem}}.cv-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);align-items:start}.cv-preview{background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:0 8px 25px var(--shadow-primary)}#cv-iframe{width:100%;height:600px;border:none}.cv-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cv-coming-soon{grid-column:1/-1;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(10,116,218,.05) 100%);border-radius:16px;border:2px dashed var(--border-color);transition:all var(--transition-normal)}.cv-coming-soon:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-primary)}.coming-soon-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 25px rgba(10,116,218,.3);animation:pulse-soft 2s ease-in-out infinite}@keyframes pulse-soft{0%,100%{transform:scale(1);box-shadow:0 8px 25px rgba(10,116,218,.3)}50%{transform:scale(1.05);box-shadow:0 12px 35px rgba(10,116,218,.4)}}.coming-soon-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.coming-soon-text{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:500px;margin:0 auto var(--spacing-xs)}.coming-soon-text:last-child{margin-bottom:0}.coming-soon-text a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.coming-soon-text a:hover{color:var(--accent-color);text-decoration:underline}.contact-content{max-width:760px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.contact-item{background:var(--bg-secondary);padding:var(--spacing-md);border-radius:12px;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);box-shadow:0 4px 12px var(--shadow-primary);min-width:320px}.contact-details{flex:1;min-width:0;padding-right:calc(var(--spacing-sm) * 2)}.contact-item:hover{transform:translateY(-3px)}.contact-icon{width:50px;height:50px;background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.contact-details h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.contact-details a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);display:inline-block;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip;word-break:keep-all;overflow-wrap:normal;padding-right:4px}.contact-details a:hover{color:var(--primary-color)}.contact-note{margin-top:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:.95rem}.consultation-features{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.feature-badge{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1.5px solid var(--border-color);padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;box-shadow:0 2px 8px var(--shadow-primary);transition:all var(--transition-normal);color:var(--text-primary)}.feature-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-primary);border-color:var(--primary-color)}.feature-badge i{color:var(--primary-color);font-size:1rem;opacity:.9}.booking-section{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:start}.booking-info{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border:1.5px solid var(--border-color);border-radius:12px;padding:var(--spacing-md);box-shadow:0 4px 20px var(--shadow-primary)}.booking-info h3{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--primary-color);font-weight:600}.booking-checklist{list-style:none;padding:0;margin:var(--spacing-sm) 0}.booking-checklist li{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.booking-checklist i{color:var(--primary-color);font-size:1rem;margin-top:3px;flex-shrink:0;opacity:.8}.booking-cta-note{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1.5px solid var(--border-color)}.booking-cta-note p{margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.booking-cta-note strong{color:var(--text-primary);font-weight:600}.booking-cta-note a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.booking-cta-note a:hover{color:var(--accent-color);text-decoration:underline}.booking-widget{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;padding:var(--spacing-sm);box-shadow:0 4px 20px var(--shadow-primary);overflow:hidden}.calendly-inline-widget{border-radius:8px;overflow:hidden}.cta-ribbon{background:linear-gradient(135deg,rgba(10,116,218,.12),rgba(106,90,205,.12));border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.cta-ribbon-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-md) 0}.cta-text h3{font-size:clamp(1.5rem, 3vw, 2rem);margin:var(--spacing-xs) 0}.cta-text p{color:var(--text-secondary);max-width:600px}.cta-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cta-buttons .btn{min-width:190px}.footer{background:var(--bg-secondary);padding:var(--spacing-lg) 0 var(--spacing-md);border-top:1px solid var(--border-color)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:var(--text-secondary);font-size:.9rem}.footer-credit{margin-top:.35rem;font-size:.875rem;color:var(--text-secondary)}.footer-credit a{color:var(--primary-color);text-decoration:none;font-weight:500}.footer-credit a:hover{text-decoration:underline}.footer-nav{display:flex;gap:var(--spacing-md)}.footer-nav a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--primary-color)}.footer-bottom{display:flex;justify-content:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.footer-social{display:flex;gap:var(--spacing-sm)}@media (min-width:1440px){.container{max-width:1400px}.hero-content{gap:calc(var(--spacing-xl) + 1rem)}}@media (max-width:1024px){.hero-title{font-size:clamp(2rem, 5vw, 3rem)}.hero-subtitle{font-size:1.3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-cta-bar{padding:var(--spacing-md) var(--spacing-sm)}.btn-booking{min-height:65px;padding:16px 24px}}@media (max-width:768px){:root{--spacing-xs:0.4rem;--spacing-sm:0.8rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem}.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}.nav-container{height:60px;padding:0 var(--spacing-sm);position:relative;z-index:1000}.nav-logo{font-size:1.3rem;z-index:1002}.nav-menu{position:fixed;left:-100%;top:60px;flex-direction:column;background-color:var(--bg-primary);width:100%;text-align:center;transition:left .3s ease-in-out;box-shadow:0 10px 27px var(--shadow-primary);padding:var(--spacing-md) 0;z-index:999;max-height:calc(100vh - 60px);overflow-y:auto;backdrop-filter:blur(10px)}.nav-menu.active{left:0}.nav-item{margin:var(--spacing-xs) 0}.nav-link{font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-md);display:block;border-radius:8px;transition:all var(--transition-fast)}.nav-link.active,.nav-link:hover{background-color:rgba(10,116,218,.1)}.hamburger{display:flex;padding:8px;cursor:pointer;z-index:1002;position:relative}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle{top:12px;right:70px;z-index:1002}#theme-toggle-btn{width:45px;height:45px;font-size:1.1rem}.hero{padding:90px 0 40px;min-height:auto;display:block}.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.hero-text{text-align:center}.hero-image{order:-1;margin-bottom:var(--spacing-sm);display:flex;justify-content:center}.image-wrapper{width:min(240px,70vw)}.profile-img{width:100%;height:100%}.hero-title{font-size:clamp(2rem, 6vw, 2.8rem);margin-bottom:var(--spacing-sm);line-height:1.3}.hero-subtitle{font-size:1.3rem;margin-bottom:var(--spacing-sm)}.hero-description{font-size:1.05rem;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);max-width:100%}.hero-buttons{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.btn{padding:14px 28px;width:100%;max-width:400px;margin:0 auto;justify-content:center;min-height:48px}.btn-booking{padding:18px 24px;min-height:70px;flex-direction:row;text-align:left}.btn-icon-left{font-size:1.4rem}.hero-social{justify-content:center;margin-top:var(--spacing-sm);gap:var(--spacing-sm)}.social-link{width:48px;height:48px;font-size:1.2rem}.hero-highlights{grid-template-columns:1fr;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.hero-highlight{padding:var(--spacing-md)}.hero-scroll{position:relative;margin-top:var(--spacing-md)}.about-content{grid-template-columns:1fr;gap:var(--spacing-md);padding:0 var(--spacing-sm)}.about-text{padding:var(--spacing-md)}.about-text p{font-size:1.05rem;margin-bottom:var(--spacing-sm);line-height:1.7}.skill-category{margin-bottom:var(--spacing-md)}.skill-category h3{font-size:1.15rem;margin-bottom:var(--spacing-sm)}.skill-tag{padding:10px 14px;font-size:.9rem;margin:3px;min-height:36px;display:flex;align-items:center}.media-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.media-card{margin:0}.consulting-grid,.services-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.consulting-card,.service-card{margin:0}.service-icon{width:56px;height:56px;font-size:1.5rem}.cta-ribbon-content,.service-cta-bar{flex-direction:column;align-items:stretch;text-align:left;gap:var(--spacing-md)}.cta-buttons{width:100%;flex-direction:column;gap:var(--spacing-sm)}.cta-buttons .btn{width:100%;max-width:none}.journey-steps{grid-template-columns:1fr;gap:var(--spacing-md)}.step-number{font-size:2.8rem;top:10px;right:15px}.step-card{padding:var(--spacing-lg) var(--spacing-md);margin:0}.step-icon{width:70px;height:70px;font-size:1.8rem;margin-bottom:var(--spacing-md)}.step-content h3{font-size:1.3rem;margin-bottom:var(--spacing-sm)}.step-content p{font-size:1rem;line-height:1.7}.step-tag{font-size:.85rem;padding:6px 12px}.projects-filter{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.filter-btn{padding:10px 20px;font-size:.95rem;min-height:44px;flex:1 1 auto;min-width:100px}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-card{margin:0}.project-image{height:200px;font-size:2.8rem}.project-content{padding:var(--spacing-md)}.project-title{font-size:1.3rem;margin-bottom:var(--spacing-sm)}.project-description{font-size:1rem;line-height:1.6}.project-meta{font-size:.9rem;margin-bottom:var(--spacing-xs)}.project-summary{font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{padding:6px 12px;font-size:.85rem}.project-tech{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:8px}.tech-tag{font-size:.8rem;padding:6px 12px}.project-links{flex-direction:column;gap:var(--spacing-sm)}.project-link{justify-content:center;text-align:center;padding:12px 20px;min-height:44px}.experience-item{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.experience-date{font-size:.9rem;margin-bottom:var(--spacing-sm)}.experience-content h3{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.experience-content h4{font-size:1.05rem;margin-bottom:var(--spacing-sm)}.experience-content ul{padding-left:var(--spacing-md)}.experience-content li{font-size:.95rem;margin-bottom:8px;line-height:1.6}.experience-tag{font-size:.8rem;padding:6px 10px}.cv-content{grid-template-columns:1fr;gap:var(--spacing-md)}#cv-iframe{height:550px;border-radius:8px}.cv-actions{flex-direction:row;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.cv-actions .btn{flex:1 1 200px}.contact-content{padding:0 var(--spacing-sm)}.contact-info{grid-template-columns:1fr;gap:var(--spacing-md)}.contact-item{padding:var(--spacing-md);flex-direction:row;text-align:left;min-width:auto}.contact-icon{width:50px;height:50px;font-size:1.2rem;flex-shrink:0}.contact-details h3{font-size:1.05rem}.contact-details a{font-size:.95rem;word-break:break-word}.consultation-features{gap:var(--spacing-sm);padding:0 var(--spacing-xs)}.feature-badge{font-size:.9rem;padding:10px 16px;flex:1 1 45%;justify-content:center}.booking-section{grid-template-columns:1fr;gap:var(--spacing-lg)}.booking-info{order:2;padding:var(--spacing-md)}.booking-widget{order:1;padding:var(--spacing-xs)}.calendly-inline-widget{min-height:650px!important}.btn-booking{width:100%;justify-content:flex-start;padding:18px 24px;min-height:70px}.btn-icon-left{font-size:1.3rem}.btn-main{font-size:1.05rem}.btn-sub{font-size:.8rem}.btn-badge-pill{font-size:.75rem;padding:4px 10px}.btn-badge{top:-6px;right:-6px;font-size:.7rem;padding:4px 10px}.btn-content{align-items:flex-start}.footer{padding:var(--spacing-lg) 0}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-social{justify-content:center}.footer-social .social-link{width:44px;height:44px;font-size:1.1rem}.section-header{padding:0 var(--spacing-sm)}.section-title{font-size:clamp(1.8rem, 5vw, 2.5rem)}.section-description{font-size:1.05rem;padding:0}.service-types-indicator{gap:var(--spacing-sm);margin:var(--spacing-md) 0}.service-type-badge{width:40px;height:40px;font-size:1rem}}@media (max-width:480px){:root{--spacing-xs:0.4rem;--spacing-sm:0.8rem;--spacing-md:1.2rem;--spacing-lg:1.8rem;--spacing-xl:2.5rem}html{font-size:15px}.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0}.nav-container{height:56px;padding:0 var(--spacing-sm)}.nav-logo{font-size:1.2rem}.nav-menu{top:56px;padding:var(--spacing-md) 0}.nav-link{font-size:1.05rem;padding:var(--spacing-sm)}.hamburger{padding:6px}.bar{width:22px;height:2.5px}.theme-toggle{top:10px;right:60px}#theme-toggle-btn{width:42px;height:42px;font-size:1rem}.hero{padding:70px 0 30px;min-height:auto}.image-wrapper{width:min(200px,70vw)}.profile-img{width:100%;height:100%}.hero-title{font-size:clamp(1.6rem, 7vw, 2.2rem);line-height:1.2}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem;padding:0;line-height:1.6}.hero-buttons{padding:0}.btn{padding:12px 24px;font-size:.95rem;width:100%;max-width:none}.btn-booking{padding:16px 20px;min-height:68px}.btn-icon-left{font-size:1.2rem}.btn-main{font-size:1rem}.btn-sub{font-size:.75rem}.social-link{width:44px;height:44px;font-size:1.05rem}.hero-highlights{padding:0}.hero-highlight{padding:var(--spacing-sm)}.hero-highlight i{font-size:1.3rem}.section-title{font-size:clamp(1.6rem, 6vw, 2.2rem);margin-bottom:var(--spacing-sm)}.section-description{font-size:.95rem;padding:0}.service-types-indicator{margin:var(--spacing-sm) 0}.service-type-badge{width:36px;height:36px;font-size:.9rem}.about-content{padding:0}.about-text{padding:var(--spacing-md) var(--spacing-sm)}.about-text p{font-size:.95rem;line-height:1.6}.skill-category h3{font-size:1.05rem}.skill-tag{font-size:.85rem;padding:8px 12px;min-height:34px}.media-grid{gap:var(--spacing-md)}.media-card{border-radius:10px}.media-content{padding:var(--spacing-sm)}.consulting-card,.service-card{padding:var(--spacing-md) var(--spacing-sm)}.service-icon{width:52px;height:52px;font-size:1.4rem}.service-card h3{font-size:1.15rem}.service-card p{font-size:.95rem}.service-cta-bar{padding:var(--spacing-md) var(--spacing-sm)}.cta-eyebrow{font-size:.8rem}.cta-body{font-size:.95rem}.step-number{font-size:2.2rem;top:8px;right:12px}.step-card{padding:var(--spacing-md) var(--spacing-sm)}.step-icon{width:60px;height:60px;font-size:1.5rem}.step-content h3{font-size:1.15rem}.step-content p{font-size:.9rem;line-height:1.6}.step-tag{font-size:.8rem;padding:5px 10px}.projects-filter{gap:6px;padding:0}.filter-btn{padding:8px 14px;font-size:.85rem;min-height:40px;flex:1 1 auto}.project-card{border-radius:12px}.project-image{height:170px;font-size:2.2rem}.project-content{padding:var(--spacing-sm)}.project-title{font-size:1.15rem}.project-description,.project-summary{font-size:.9rem;line-height:1.5}.project-meta{font-size:.85rem}.project-tag{font-size:.8rem;padding:5px 10px}.tech-tag{font-size:.75rem;padding:5px 10px;white-space:nowrap}.project-link{font-size:.9rem;padding:10px 16px;min-height:42px}.experience-item{padding:var(--spacing-sm)}.experience-date{font-size:.85rem}.experience-content h3{font-size:1.05rem}.experience-content h4{font-size:.95rem}.experience-content li{font-size:.9rem;line-height:1.5}.experience-tag{font-size:.75rem;padding:4px 8px}#cv-iframe{height:450px}.cv-actions{flex-direction:column;align-items:stretch}.cv-actions .btn{width:100%;max-width:none}.contact-content{padding:0}.contact-item{flex-direction:column;text-align:center;padding:var(--spacing-md) var(--spacing-sm);align-items:center}.contact-icon{width:48px;height:48px;font-size:1.1rem;margin-bottom:var(--spacing-xs)}.contact-details{padding-right:0;text-align:center}.contact-details h3{font-size:1rem}.contact-details a{font-size:.9rem}.consultation-features{padding:0}.feature-badge{font-size:.85rem;padding:8px 12px;flex:1 1 100%}.booking-info{padding:var(--spacing-md) var(--spacing-sm)}.booking-info h3{font-size:1.15rem}.booking-checklist li{font-size:.9rem}.booking-widget{padding:4px}.calendly-inline-widget{min-height:600px!important}.footer{padding:var(--spacing-md) 0}.footer-content p{font-size:.9rem}.footer-social .social-link{width:42px;height:42px;font-size:1rem}}@media (max-width:320px){html{font-size:14px}:root{--spacing-xs:0.3rem;--spacing-sm:0.6rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}.container{padding:0 var(--spacing-xs)}.nav-container{height:52px;padding:0 var(--spacing-xs)}.nav-logo{font-size:1.1rem}.nav-menu{top:52px}.nav-link{font-size:1rem;padding:var(--spacing-xs)}.hamburger{padding:4px}.bar{width:20px;height:2px}.theme-toggle{top:8px;right:54px}#theme-toggle-btn{width:38px;height:38px;font-size:.9rem}.hero{padding:60px 0 20px}.image-wrapper{width:min(160px,70vw)}.profile-img{width:100%;height:100%}.hero-title{font-size:clamp(1.4rem, 8vw, 1.9rem)}.hero-subtitle{font-size:1rem}.hero-description{font-size:.85rem}.btn{width:100%;padding:10px 20px;font-size:.85rem;min-height:40px}.btn-booking{padding:14px 16px;min-height:62px}.btn-icon-left{font-size:1.1rem}.btn-main{font-size:.95rem}.btn-sub{font-size:.7rem}.btn-badge-pill{font-size:.65rem;padding:3px 8px}.social-link{width:40px;height:40px;font-size:.95rem}.hero-highlight{padding:var(--spacing-xs)}.hero-highlight i{font-size:1.1rem}.highlight-label{font-size:.7rem}.highlight-value{font-size:.85rem}.section{padding:var(--spacing-md) 0}.section-title{font-size:clamp(1.4rem, 7vw, 2rem)}.section-description{font-size:.85rem}.service-type-badge{width:32px;height:32px;font-size:.8rem}.about-text{padding:var(--spacing-sm)}.about-text p{font-size:.85rem}.skill-category h3{font-size:1rem}.skill-tag{font-size:.75rem;padding:6px 10px;min-height:30px}.media-content{padding:var(--spacing-xs)}.media-meta{font-size:.85rem}.consulting-card,.service-card{padding:var(--spacing-sm)}.service-icon{width:48px;height:48px;font-size:1.2rem}.service-card h3{font-size:1.05rem}.service-card p,.service-list li{font-size:.85rem}.service-cta-bar{padding:var(--spacing-sm)}.cta-eyebrow{font-size:.75rem}.cta-body{font-size:.85rem}.step-number{font-size:1.8rem;top:5px;right:8px}.step-icon{width:50px;height:50px;font-size:1.2rem}.step-content h3{font-size:1.05rem}.step-content p{font-size:.85rem}.step-tag{font-size:.7rem;padding:4px 8px}.filter-btn{padding:6px 10px;font-size:.8rem;min-height:36px}.project-image{height:140px;font-size:1.8rem}.project-content{padding:var(--spacing-xs)}.project-title{font-size:1.05rem}.project-description,.project-summary{font-size:.85rem}.project-meta{font-size:.8rem}.project-tag,.tech-tag{font-size:.7rem;padding:4px 8px}.project-link{font-size:.85rem;padding:8px 12px;min-height:38px}.experience-item{padding:var(--spacing-xs)}.experience-date{font-size:.8rem}.experience-content h3{font-size:1rem}.experience-content h4{font-size:.9rem}.experience-content li{font-size:.85rem}.experience-tag{font-size:.7rem;padding:3px 6px}#cv-iframe{height:380px}.cv-actions .btn{font-size:.85rem;padding:10px 16px}.contact-item{padding:var(--spacing-sm)}.contact-icon{width:44px;height:44px;font-size:1rem}.contact-details h3{font-size:.95rem}.contact-details a{font-size:.85rem}.feature-badge{font-size:.8rem;padding:6px 10px}.booking-info h3{font-size:1.05rem}.booking-checklist li{font-size:.85rem}.calendly-inline-widget{min-height:550px!important}.footer-content p{font-size:.85rem}.footer-social .social-link{width:38px;height:38px;font-size:.9rem}}@media (max-height:600px) and (orientation:landscape){.hero{min-height:auto;padding:80px 0 30px}.image-wrapper{width:min(150px,70vw)}.profile-img{width:100%;height:100%}.hero-content{gap:var(--spacing-md)}.hero-description{margin-bottom:var(--spacing-sm)}.hero-buttons{margin-bottom:var(--spacing-sm)}.hero-highlights{grid-template-columns:repeat(2,1fr)}.nav-menu{max-height:calc(100vh - 56px);overflow-y:auto}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.hero-content{grid-template-columns:1fr 1.5fr;gap:var(--spacing-lg)}.hero-text{text-align:left}.hero-image{order:0}.image-wrapper{width:min(280px,70vw)}.profile-img{width:100%;height:100%}.hero-buttons{flex-direction:row;justify-content:flex-start}.btn{width:auto;max-width:none}.hero-social{justify-content:flex-start}}@media print{.hero{min-height:auto;padding:20px 0}.image-wrapper{width:min(150px,70vw)}.profile-img{width:100%;height:100%}.section{page-break-inside:avoid}.experience-item,.project-card,.service-card{page-break-inside:avoid}}body{transition:all var(--transition-normal)}.hidden{display:none}.visible{display:block}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html{scroll-behavior:smooth}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:focus-visible,.filter-btn:focus-visible,.project-link:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.project-card[data-project-id]{border:2px solid transparent;transition:transform .3s ease,box-shadow .3s ease}.project-card[data-project-id]:hover{transform:translateY(-5px)}.project-card[data-project-id=drone-swarm]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#6366f1,#818cf8) border-box}.project-card[data-project-id=drone-swarm]:hover{box-shadow:0 15px 40px rgba(99,102,241,.15)}.project-card[data-project-id=morse-code-translator]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#00e5ff,#2979ff) border-box}.project-card[data-project-id=morse-code-translator]:hover{box-shadow:0 15px 40px rgba(0,229,255,.15)}.project-card[data-project-id=clipboard-saver]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#2196f3,#0d47a1) border-box}.project-card[data-project-id=clipboard-saver]:hover{box-shadow:0 15px 40px rgba(33,150,243,.15)}.project-card[data-project-id=pacman-ai]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#ffe600,#2121de) border-box}.project-card[data-project-id=pacman-ai]:hover{box-shadow:0 15px 40px rgba(255,230,0,.15)}.project-card[data-project-id=araboon-n8n]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#ff6d00,#2962ff) border-box}.project-card[data-project-id=araboon-n8n]:hover{box-shadow:0 15px 40px rgba(255,109,0,.15)}.project-card[data-project-id=labeeni-platform]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#a31621,#5d0c12) border-box}.project-card[data-project-id=labeeni-platform]:hover{box-shadow:0 15px 40px rgba(163,22,33,.15)}.project-card[data-project-id=logical-fallacy-detection]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#e91e63,#9c27b0) border-box}.project-card[data-project-id=logical-fallacy-detection]:hover{box-shadow:0 15px 40px rgba(233,30,99,.15)}.project-card[data-project-id=research-platform]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#1a237e,#304ffe) border-box}.project-card[data-project-id=research-platform]:hover{box-shadow:0 15px 40px rgba(48,79,254,.15)}.project-card[data-project-id=governorate-app]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#b71c1c,#424242) border-box}.project-card[data-project-id=governorate-app]:hover{box-shadow:0 15px 40px rgba(183,28,28,.15)}.project-card[data-project-id=riadah-360]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#7b1fa2,#ff9800) border-box}.project-card[data-project-id=riadah-360]:hover{box-shadow:0 15px 40px rgba(123,31,162,.15)}.project-card[data-project-id=hexapod-robot]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#455a64,#f44336) border-box}.project-card[data-project-id=hexapod-robot]:hover{box-shadow:0 15px 40px rgba(244,67,54,.15)}.project-card[data-project-id=watr-platform]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#00bcd4,#0097a7) border-box}.project-card[data-project-id=watr-platform]:hover{box-shadow:0 15px 40px rgba(0,188,212,.15)}.project-card[data-project-id=chess-platform]{background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(135deg,#795548,#d7ccc8) border-box}.project-card[data-project-id=chess-platform]:hover{box-shadow:0 15px 40px rgba(121,85,72,.15)}@media print{.footer,.hero-scroll,.nav-bar,.theme-toggle{display:none}}@media (max-width:768px){body::before{display:none!important}.back-to-portfolio,.nav-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-bar{background:var(--bg-primary)!important}[data-theme=dark] .nav-bar{background:#121212!important}[data-theme=light] .nav-bar{background:#f9fafb!important}.about-text,.contact-item,.experience-item,.feature-card,.hero-highlight,.media-card,.project-card,.service-card{box-shadow:0 2px 8px var(--shadow-primary)!important}.contact-item:hover,.feature-card:hover,.media-card:hover,.project-card:hover,.service-card:hover{transform:none!important}.btn-booking,.btn-primary{background:var(--primary-color)!important}.profile-img{animation:none!important;will-change:auto!important}.image-border{animation:none!important}.nav-bar,.profile-img,.project-card{will-change:auto!important}*{transition-duration:.15s!important}.particles-bg{display:none!important}.nav-menu{transition:left .2s ease!important}.container,.section{contain:layout style!important}}@media (max-width:480px){.contact-item,.project-card,.service-card{box-shadow:0 1px 4px rgba(0,0,0,.1)!important}:hover{transform:none!important}.project-card[data-project-id]{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}}.skip-to-content{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;z-index:10000;transition:top var(--transition-fast)}.skip-to-content:focus{top:10px;outline:2px solid var(--secondary-color);outline-offset:2px}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:focus-visible,.nav-link:focus-visible,.social-link:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}:focus:not(:focus-visible){outline:0}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal);z-index:999;box-shadow:0 4px 16px rgba(10,116,218,.3)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#0860b3;transform:translateY(-3px);box-shadow:0 6px 20px rgba(10,116,218,.4)}.back-to-top:active{transform:translateY(0)}@media (max-width:768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:44px;height:44px}}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;background:0 0;border:none;cursor:pointer;z-index:1001}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.nav-toggle span:first-child{transform:translateY(-6px)}.nav-toggle span:nth-child(3){transform:translateY(6px)}.nav-toggle.active span:first-child{transform:translateY(0) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(0) rotate(-45deg)}@media (max-width:768px){.nav-toggle{display:flex}}.contact-item,.media-card,.project-card,.service-item{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.contact-item:hover,.media-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.service-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}@media (max-width:768px){.footer-main{flex-direction:column;text-align:center}.footer-brand{flex-direction:column}.footer-nav{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(10px);cursor:zoom-out}.image-lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s cubic-bezier(.4, 0, .2, 1);cursor:default}.image-lightbox.active .lightbox-image{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.lightbox-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:scale(1.1) rotate(90deg)}.lightbox-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:12px 24px;border-radius:30px;font-size:.95rem;font-weight:500;backdrop-filter:blur(10px);max-width:80%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.lightbox-nav:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.75);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;backdrop-filter:blur(10px)}.lightbox-zoom-controls{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.75);padding:8px 16px;border-radius:30px;backdrop-filter:blur(10px);z-index:10001}.lightbox-zoom-btn{width:36px;height:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-zoom-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:scale(1.1)}.lightbox-zoom-btn:active{transform:scale(.95)}.lightbox-zoom-level{color:#fff;font-size:.9rem;font-weight:600;min-width:50px;text-align:center}.lightbox-image{transition:transform .15s ease-out;user-select:none;-webkit-user-drag:none}.gallery-image,.gallery-section img,.hero-image img,.hero-img,.project-gallery img,.screenshot-card,.screenshots-grid-admin img,.screenshots-grid-mobile img,.screenshots-grid-web img{cursor:zoom-in;position:relative}.screenshot-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 60%,rgba(10,116,218,.08) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:12px}.screenshot-card:hover::after{opacity:1}.screenshot-card img{transition:transform .4s cubic-bezier(.4, 0, .2, 1),filter .3s ease}.screenshot-card:hover img{transform:scale(1.03);filter:brightness(1.05)}.screenshot-card::before{content:'\f00e';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:50px;height:50px;background:rgba(10,116,218,.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:5;opacity:0;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.screenshot-card:hover::before{transform:translate(-50%,-50%) scale(1);opacity:1}.hero-img:hover{filter:brightness(1.05);box-shadow:0 30px 60px rgba(0,0,0,.4)}@media (max-width:768px){.lightbox-nav{width:40px;height:40px;font-size:1rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:10px;width:40px;height:40px;font-size:1.2rem}.lightbox-caption{bottom:10px;font-size:.85rem;padding:10px 20px}.lightbox-counter{top:10px;left:10px;font-size:.8rem;padding:6px 12px}.lightbox-zoom-controls{bottom:60px;padding:6px 12px;gap:6px}.lightbox-zoom-btn{width:32px;height:32px;font-size:.8rem}.lightbox-zoom-level{font-size:.8rem;min-width:45px}.screenshot-card::before{display:none}}:root{--primary-color-readable:#4BA3F5;--secondary-color-readable:#1B9E55;--link-on-dark:#5BB0FF}.btn-sub{opacity:1;color:#fff;font-weight:500}.btn-badge-pill,.btn-badge-small{background:rgba(0,0,0,.35);color:#fff;border-color:rgba(255,255,255,.55)}.cta-badge{background:#157a41;color:#fff}.service-action{color:var(--primary-color-readable)}.filter-btn{color:var(--primary-color-readable);border-color:var(--primary-color-readable)}.filter-btn:hover{color:var(--primary-color-readable)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tech-tag{color:var(--primary-color-readable);background:rgba(75,163,245,.12);border-color:rgba(75,163,245,.35)}.experience-type{color:var(--primary-color-readable)}.experience-type.training{color:#ce93d8;background:rgba(206,147,216,.15)}.experience-type.freelance{color:#3ddb84}.experience-tag{color:var(--primary-color-readable)}.footer-credit a{color:var(--link-on-dark)}.feature-badge i,.media-badge,.project-link i,.social-link{transition:transform .2s ease,opacity .2s ease,color .2s ease,background-color .2s ease!important}@media (max-width:768px),(prefers-reduced-motion:reduce){.availability-badge,.btn-badge,.image-border,.image-wrapper,.profile-img,.status-dot{animation:none!important}}