:root{--primary-accent: #00e5ff;--primary-cyan: #00d2ff;--dark-bg: #0a0a0a;--text-white: #ffffff;--glass-white: rgba(255, 255, 255, .05);--active-color: var(--primary-accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--dark-bg);font-family:Roboto,sans-serif;color:var(--text-white);overflow-x:hidden;width:100%}.hero-wrapper{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}body.preloading{overflow:hidden;height:100vh;height:100dvh}html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] p,html[lang=ar] span,html[lang=ar] a,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:Cairo,sans-serif!important}#bg-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover;object-position:center;filter:brightness(.6) contrast(1.1)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000c,#0003 50%,#0009);z-index:2}.ui-layer{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 4rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding-top:1rem}.logo-container{display:flex;align-items:center;gap:20px}.logo-text{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700}.logo-text .be{color:var(--primary-accent);font-style:italic;margin-right:2px}.circle-icon{width:40px;height:40px;border:1px solid var(--primary-accent);border-radius:50%}.menu-icon{display:flex;flex-direction:column;align-items:flex-end;gap:6px;cursor:pointer}.menu-icon .bar{height:3px;background-color:#fff;border-radius:2px}.menu-icon .long{width:35px}.menu-icon .medium{width:25px}.menu-icon .short{width:15px}.main-content{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.headline{font-family:Oswald,sans-serif;font-size:5rem;line-height:1.1;text-transform:uppercase;letter-spacing:2px;font-weight:700}.headline .line{color:transparent;-webkit-text-stroke:1px white;position:relative;display:inline-block;transition:all .3s ease}.headline .filled{color:var(--primary-accent);-webkit-text-stroke:0px;text-shadow:0 0 20px rgba(0,229,255,.6)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:2rem;color:var(--primary-accent);animation:bounce 2s infinite;cursor:pointer;z-index:20}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-20px) translate(-50%)}60%{transform:translateY(-10px) translate(-50%)}}.cv-btn{display:inline-block;margin-top:2rem;padding:12px 30px;background:transparent;border:2px solid var(--primary-accent);color:var(--primary-accent);font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:1px;border-radius:8px;transition:all .3s ease;box-shadow:0 0 10px #00e5ff33}.cv-btn:hover{background:var(--primary-accent);color:var(--dark-bg);box-shadow:0 0 20px var(--primary-accent);transform:translateY(-2px)}.cta-container{position:fixed;right:30px;bottom:30px;z-index:9999;animation:floatIn 1s cubic-bezier(.2,.8,.2,1) forwards}.whatsapp-btn{display:flex;align-items:center;gap:10px;padding:12px 30px;background:linear-gradient(135deg,#00e5ff,#09c);color:#000;border:none;border-radius:50px;text-decoration:none;font-family:Oswald,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:1px;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 15px #00e5ff66;position:relative;overflow:visible}.whatsapp-btn:after{content:"";position:absolute;inset:0;border-radius:50px;border:1px solid rgba(0,229,255,.6);animation:ripple-glow 2s infinite cubic-bezier(.1,0,1,1);z-index:-1}@keyframes ripple-glow{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}.whatsapp-btn i{font-size:1.2rem;color:#000}.whatsapp-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #00e5ffcc;background:linear-gradient(135deg,#33ebff,#33adff)}.social-sidebar{position:absolute;bottom:40px;left:40px;display:flex;flex-direction:column;gap:15px}.social-icon{width:45px;height:45px;background-color:#000;color:var(--primary-accent);display:flex;justify-content:center;align-items:center;border-radius:8px;font-weight:700;font-size:1.2rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1)}.social-icon:hover{transform:translate(5px);box-shadow:0 0 15px #00e5ff4d;border-color:var(--primary-accent)}@media(max-width:768px){.headline{font-size:3rem}.hero-visual{max-height:60vh;opacity:.7}.ui-layer{padding:1.5rem}}.side-social-bar{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:100}.social-icon{color:#ffffffb3;font-size:.9rem;transition:color .3s,transform .3s;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%}.social-icon:hover{color:var(--primary-accent);border-color:#ff66004d;transform:translate(5px) scale(1.1);background:#00000080}.scroll-to-top{position:fixed;right:40px;top:50%;transform-origin:right center;transform:translateY(-50%) rotate(-90deg);color:#fff;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;cursor:pointer;z-index:100;display:flex;align-items:center;gap:10px;transition:color .3s}.scroll-to-top i{transform:rotate(90deg)}.scroll-to-top:hover{color:var(--primary-accent)}@media(max-width:900px){.side-social-bar,.scroll-to-top{display:none}}.lang-toggle{font-family:Oswald,sans-serif;font-weight:700;font-size:.8rem!important;letter-spacing:1px;border:1px solid rgba(255,255,255,.3);text-decoration:none;color:#fff}.lang-toggle:hover{background-color:var(--primary-accent);border-color:var(--primary-accent);color:#000}body.cyan-mode{--active-color: var(--primary-cyan)}body.cyan-mode .highlight-bg,body.cyan-mode .highlight-text,body.cyan-mode .be,body.cyan-mode .icon-orange,body.cyan-mode .submit-btn:hover,body.cyan-mode .commit-dot.feat,body.cyan-mode .skill-node:hover circle,body.cyan-mode .lang-toggle:hover{color:var(--primary-cyan)!important;border-color:var(--primary-cyan)!important;background-color:transparent}body.cyan-mode .highlight-bg{background-color:var(--primary-cyan)!important;color:#000!important}body.cyan-mode .prompt,body.cyan-mode .terminal-toggle-btn{color:var(--primary-cyan)!important}@media(max-width:768px){html{font-size:14px}h1,.hero-title,.about-title-large,.section-title,.contact-title{font-size:2.5rem!important;line-height:1.1}.about-container,.contact-container,.values-nav,.footer-top-row{flex-direction:column!important;gap:40px}section,.about-section,.services-grid-section,.contact-section{padding:60px 5%!important;min-height:auto!important}.hero-content{margin-left:0!important;text-align:center;padding:0 20px}.hero-content h1{font-size:2rem!important}.about-image-wrapper{width:100%;padding-left:0;order:-1}.about-content{padding-top:0;text-align:center}.about-services-grid{justify-content:center}.contact-left,.contact-right{width:100%;flex:100%}.contact-title{font-size:2.5rem;text-align:center}.contact-subtitle{text-align:center;display:block;margin:0 auto 20px}.service-toggles{justify-content:center}.footer-divider{display:none}.footer-col{padding:10px 0;text-align:center}.whatsapp-btn{padding:10px 20px;font-size:.85rem}.cursor-dot,.cursor-ring{display:none!important}body{cursor:auto!important}.ui-layer{padding:1rem!important}.navbar{padding:0 1rem}.logo-text{font-size:1.2rem}.circle-icon{width:30px;height:30px}.menu-icon{min-width:44px;min-height:44px;padding:8px;justify-content:center}.menu-icon .long{width:30px}.menu-icon .medium{width:22px}.menu-icon .short{width:18px}.headline{font-size:2.5rem!important;padding:0 10px}.marquee-section{padding:15px 0}.marquee-item{font-size:.9rem;padding:8px 20px}.values-nav{flex-wrap:wrap;justify-content:center;gap:10px}.value-tab{font-size:.85rem;padding:10px 15px}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px}.stat-number{font-size:2rem!important}.stat-label{font-size:.85rem}.services-grid{grid-template-columns:1fr!important;gap:30px}.portfolio-grid{grid-template-columns:1fr!important}.browser-window{margin:0 auto;width:100%}.flow-container{flex-direction:column!important;gap:20px}.flow-line{width:3px!important;height:40px!important}.flow-node{flex-direction:column;width:100px;height:100px;font-size:.7rem}.flow-node i{font-size:1.5rem}}@media(max-width:480px){html{font-size:13px}.headline{font-size:1.8rem!important}.logo-text{font-size:1rem}.circle-icon{width:25px;height:25px}.ui-layer{padding:.5rem!important}section{padding:40px 3%!important}.stats-grid{grid-template-columns:1fr!important}.value-tab{font-size:.8rem;padding:8px 12px}.about-services-grid{text-align:left}.service-item{font-size:.9rem}}@media(max-width:768px)and (orientation:landscape){.headline{font-size:2rem!important}.main-content{top:40%!important}section{padding:30px 5%!important}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d1117;display:flex;justify-content:center;align-items:center;z-index:10000;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease,filter .35s ease;overflow:hidden}#preloader.fade-out{transform:scale(1.04);opacity:0;filter:blur(8px);pointer-events:none}.vscode-window{width:92%;max-width:680px;background:#1e1e1e;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 30px 80px #000000d9,0 0 40px #007acc40;overflow:hidden;display:flex;flex-direction:column;font-family:Consolas,Fira Code,monospace;position:relative}.vscode-titlebar{height:38px;background:#323233;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.5)}.vscode-mac-dots{display:flex;gap:8px}.vscode-mac-dots .dot{width:12px;height:12px;border-radius:50%}.vscode-mac-dots .dot.close{background:#ff5f56}.vscode-mac-dots .dot.minimize{background:#ffbd2e}.vscode-mac-dots .dot.maximize{background:#27c93f}.vscode-title{font-size:.75rem;color:#ccc;display:flex;align-items:center;gap:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.vscode-top-right .vscode-badge{font-size:.68rem;color:#007acc;background:#007acc26;border:1px solid rgba(0,122,204,.3);padding:2px 8px;border-radius:4px;font-family:sans-serif;display:flex;align-items:center;gap:5px}.vscode-main{display:flex;height:270px}.vscode-activitybar{width:48px;background:#333;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:18px;border-right:1px solid rgba(0,0,0,.2)}.act-icon{font-size:1.1rem;color:#858585;cursor:default;transition:color .2s}.act-icon.active{color:#fff;border-left:2px solid #007acc;padding-left:10px;margin-left:-12px}.vscode-editor-area{flex:1;display:flex;flex-direction:column;background:#1e1e1e}.vscode-tabs{height:35px;background:#252526;display:flex;align-items:flex-end}.vscode-tabs .tab.active{background:#1e1e1e;height:35px;padding:0 16px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#fff;border-top:2px solid #007acc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ts-icon{background:#3178c6;color:#fff;font-weight:700;font-size:.6rem;padding:1px 3px;border-radius:2px}.tab-close{color:#858585;font-size:.9rem;margin-left:6px}.vscode-code-container{display:flex;padding:16px 0;font-size:.85rem;line-height:1.6;overflow:hidden}.line-numbers{display:flex;flex-direction:column;width:44px;text-align:right;padding-right:12px;color:#858585;user-select:none}.code-lines{flex:1;display:flex;flex-direction:column;padding-left:8px}.kwd{color:#569cd6;font-weight:700}.cls{color:#4ec9b0}.var{color:#9cdcfe}.str{color:#ce9178}.prop{color:#9cdcfe}.fn{color:#dcdcaa}.cmt{color:#6a9955;font-style:italic}.cursor{color:#007acc;font-weight:700;animation:blinkCursor .8s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.vscode-statusbar{height:26px;background:#007acc;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:.72rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.status-left,.status-right{display:flex;align-items:center;gap:12px}.status-item{display:flex;align-items:center;gap:5px;opacity:.9}.status-item.bg-blue{background:#0003;padding:2px 8px;margin-left:-12px}.status-item.highlight{font-weight:700;background:#fff3;padding:1px 8px;border-radius:3px}.vscode-progress-line{width:100%;height:3px;background:#ffffff1a}.vscode-progress-line .status-bar{height:100%;width:0%;background:#00f3ff;box-shadow:0 0 10px #00f3ff;transition:width .15s ease-out}@media(max-width:768px){.vscode-window{width:95%}.vscode-activitybar{display:none}.vscode-code-container{font-size:.75rem}.vscode-title{font-size:.65rem}}.fullscreen-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0af2,#141414e6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:10000;display:flex;flex-direction:column;padding:2rem 5%;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.fullscreen-menu.open{opacity:1;visibility:visible}.menu-close-btn{align-self:flex-end;font-size:3rem;cursor:pointer;color:#ffffff80;transition:all .3s ease;margin-bottom:1rem}.menu-close-btn:hover{color:var(--primary-accent);transform:rotate(90deg) scale(1.1)}.menu-content{display:flex;flex:1;width:100%;height:100%}.menu-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:4rem}.menu-image-placeholder{margin:0;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden;transform:perspective(1000px) rotateY(10deg);transition:transform .5s ease}.menu-image-placeholder:hover{transform:perspective(1000px) rotateY(0)}.menu-image-placeholder:before{content:"● ● ●  digital_architect.js";display:block;background:#252526;color:#888;padding:10px 15px;font-size:.8rem;font-family:sans-serif;letter-spacing:2px;border-bottom:1px solid #333}.code-snippet-visual{padding:2rem;font-family:Fira Code,Consolas,monospace;font-size:1rem;line-height:1.6;color:#d4d4d4}.code-snippet-visual .keyword{color:#c678dd}.code-snippet-visual .class-name{color:#e5c07b}.code-snippet-visual .string{color:#98c379}.code-snippet-visual .this{color:#e06c75}.code-snippet-visual .cursor{display:inline-block;width:8px;height:18px;background:var(--primary-accent);animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.services-list{margin-bottom:2rem}.services-list h3{display:none}.services-list ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.services-list li{background:#ffffff0d;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#aaa;border:1px solid transparent;transition:all .3s}.services-list li:hover{border-color:var(--primary-accent);color:#fff;background:#00e5ff1a}.menu-contact-info{margin-top:2rem;opacity:.7}.menu-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.main-nav-links{display:flex;flex-direction:column;gap:0}.nav-link{font-family:Oswald,sans-serif;font-size:5.5vw;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;line-height:1;transition:color .3s,transform .3s,opacity .3s;opacity:0;transform:translateY(50px)}.fullscreen-menu.open .nav-link{opacity:1;transform:translateY(0)}.fullscreen-menu.open .nav-link:nth-child(1){transition-delay:.1s}.fullscreen-menu.open .nav-link:nth-child(2){transition-delay:.2s}.fullscreen-menu.open .nav-link:nth-child(3){transition-delay:.3s}.fullscreen-menu.open .nav-link:nth-child(4){transition-delay:.4s}.fullscreen-menu.open .nav-link:nth-child(5){transition-delay:.5s}.main-nav-links:hover .nav-link{color:#fff3;filter:blur(2px)}.main-nav-links .nav-link:hover{color:var(--primary-accent);filter:blur(0);transform:translate(-30px) scale(1.05)}@media(max-width:900px){.menu-content{flex-direction:column-reverse;justify-content:flex-end}.menu-left{display:none}.menu-right{justify-content:center;align-items:center;padding:0}.nav-link{font-size:3.5rem}.main-nav-links{align-items:center;text-align:center}.main-nav-links .nav-link:hover{transform:scale(1.1)}}@media(max-width:768px){.fullscreen-menu{padding:1rem 3%}.menu-close-btn{font-size:2.5rem;margin-bottom:.5rem}.nav-link{font-size:2.5rem}.main-nav-links{gap:15px}}@media(max-width:480px){.nav-link{font-size:1.8rem}.menu-close-btn{font-size:2rem}}body{cursor:none}a,button,.menu-icon,.social-icon,.menu-close-btn,.services-list li,span,nav,.iphone-mockup{cursor:none!important}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background-color:#fff;border-radius:50%;z-index:999999!important;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background-color .2s}.cursor-ring{position:fixed;top:0;left:0;width:30px;height:30px;border:1px solid rgba(255,255,255,.4);border-radius:50%;z-index:999998!important;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s,border-color .3s}body.hovering .cursor-ring{width:60px;height:60px;background-color:#00e5ff26;border-color:var(--primary-accent);border-width:2px}body.hovering .cursor-dot{width:10px;height:10px;background-color:var(--primary-accent)}@media(max-width:992px),(hover:none){.cursor-dot,.cursor-ring{display:none!important}body,a,button,.menu-icon,.social-icon,.menu-close-btn,.services-list li{cursor:auto!important}}html,body{overflow-x:hidden;width:100%;position:relative}.about-section{position:relative;min-height:80vh;background-color:#0d0d0d;display:flex;align-items:center;justify-content:center;padding:60px 4%;z-index:10;overflow:hidden}.parallax-shape{position:absolute;top:50%;left:15%;transform:translateY(-50%);font-family:Oswald,sans-serif;font-size:800px;font-weight:700;color:#00e5ff08;line-height:0;z-index:-1;pointer-events:none}.parallax-shape:after{content:"0"}.about-container{display:flex;max-width:1400px;width:100%;gap:80px;align-items:flex-start}.about-image-wrapper{flex:1;position:relative;padding-left:50px}.about-img{width:100%;max-width:600px;height:auto;object-fit:cover;border-radius:0 50px;filter:contrast(1.1);box-shadow:-20px 20px #1e1e1e80}.about-content{flex:1.2;padding-top:40px}.about-title-large{font-family:Impact,Arial Black,sans-serif;font-size:7rem;text-transform:uppercase;line-height:.9;margin-bottom:10px;display:flex;gap:20px}.outline-text{color:transparent;-webkit-text-stroke:3px var(--primary-accent);position:relative;letter-spacing:2px}.about-subtitle{font-family:Roboto,sans-serif;font-size:1.5rem;color:#666;font-style:italic;font-weight:400;letter-spacing:1px;margin-bottom:50px}.about-services-grid{display:flex;flex-direction:column;gap:12px}.service-item{font-size:1.1rem;color:#aeaeae;font-family:Roboto,sans-serif;font-weight:300}.service-item:hover{color:var(--primary-accent)}@media(max-width:992px){.about-container{flex-direction:column}.about-title-large{font-size:4rem}.parallax-shape{font-size:400px;left:50%;opacity:.1}.about-image-wrapper{padding-left:0}}@media(max-width:768px){.about-section{padding:60px 5%;min-height:auto}.about-container{gap:20px}.about-title-large{font-size:3rem;flex-direction:column;gap:10px;margin-bottom:20px}.outline-text{-webkit-text-stroke:2px var(--primary-accent)}.about-subtitle{font-size:1.1rem;margin-bottom:30px}.about-image-wrapper{width:100%;max-width:280px;margin:0 auto}.about-img{width:100%;max-width:none;margin:0 auto;display:block;border-radius:0 30px;box-shadow:-8px 8px #00e5ff33}.about-content{padding-top:10px;text-align:center;display:flex;flex-direction:column;align-items:center}.about-services-grid{text-align:left;max-width:380px;margin:0 auto}.service-item{font-size:1rem}.float-code{display:block;font-size:.65rem;padding:4px 10px;background:#0a0a0af2}.code-1{top:-10px;right:0}.code-2{bottom:10px;left:0}.code-3{display:none}.parallax-shape{font-size:250px;opacity:.05;left:50%}.code-background{display:none}.rotating-badge{width:50px;height:50px;font-size:1.2rem}}@media(max-width:480px){.about-title-large{font-size:2.2rem;letter-spacing:0}.about-subtitle{font-size:.95rem;margin-bottom:25px}.about-section{padding:40px 3%}.about-img{border-radius:0 20px;box-shadow:-6px 6px #00e5ff26}.cv-btn{width:100%;max-width:280px;justify-content:center}}.float-code{position:absolute;background:#0a0a0ae6;color:var(--primary-accent);padding:8px 16px;border:1px solid var(--primary-accent);border-radius:6px;font-family:Courier New,monospace;font-size:.85rem;box-shadow:0 0 10px #00e5ff33;animation:float 6s ease-in-out infinite;z-index:2}.code-1{top:-20px;right:-20px;animation-delay:0s}.code-2{bottom:20px;left:-20px;animation-delay:2s}.code-3{top:40%;right:-40px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.code-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.bg-code-snippet{position:absolute;color:var(--primary-accent);font-family:Fira Code,Courier New,monospace;font-size:1.1rem;opacity:.4;font-weight:600;user-select:none;animation:floatBg 10s linear infinite;white-space:nowrap}@keyframes floatBg{0%{transform:translateY(100vh) rotate(0);opacity:0}20%{opacity:.15}80%{opacity:.15}to{transform:translateY(-20vh) rotate(5deg);opacity:0}}.values-section{background-color:#080808;padding:60px 5%;color:#fff;text-align:center;border-top:1px solid #222}.values-nav{display:flex;justify-content:center;gap:40px;border-bottom:2px solid #222;padding-bottom:0;margin-bottom:60px;flex-wrap:wrap}.value-tab{background:none;border:none;color:#666;font-family:Oswald,sans-serif;font-size:1.2rem;padding-bottom:20px;cursor:pointer;position:relative;transition:color .3s;text-transform:uppercase;letter-spacing:1px}.value-tab:hover,.value-tab.active{color:#fff}.value-tab:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background-color:var(--primary-accent);transition:width .3s ease}.value-tab.active:after{width:100%}.values-content{min-height:150px;display:flex;align-items:center;justify-content:center}.value-text{display:none;font-family:Roboto,sans-serif;font-size:1.5rem;color:#ccc;font-weight:300;max-width:800px;line-height:1.6;animation:fadeIn .5s ease}.value-text.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.clients-section{background-color:#050505;padding:60px 0;text-align:center;position:relative;overflow:hidden}.clients-title{font-family:Impact,Arial Black,sans-serif;font-size:3rem;color:#fff;margin-bottom:60px;text-transform:uppercase;letter-spacing:1px}.clients-title .highlight{color:#050505;background-color:var(--primary-accent);padding:0 10px}.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:relative}.marquee-container:before,.marquee-container:after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}.marquee-container:before{left:0;background:linear-gradient(to right,#050505,transparent)}.marquee-container:after{right:0;background:linear-gradient(to left,#050505,transparent)}.marquee-track{display:flex;gap:0;width:max-content;animation:marqueeSeamless 28s linear infinite}.marquee-content{display:flex;gap:80px;padding-right:80px;align-items:center}.marquee-content i{font-size:4rem;color:#fff9;transition:color .3s,transform .3s,filter .3s;position:relative;cursor:pointer}.marquee-content i:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);background:#0a0a0af2;color:#00e5ff;padding:8px 15px;border-radius:8px;font-family:Orbitron,Space Grotesk,sans-serif;font-size:1rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(0,229,255,.3);box-shadow:0 4px 15px #00e5ff1a;z-index:10}.marquee-content i:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.marquee-content i:hover{color:#fff;filter:drop-shadow(0 0 10px var(--primary-accent));transform:scale(1.1)}.marquee-svg-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;color:#333;position:relative;cursor:pointer;transition:color .3s,transform .3s;flex-shrink:0}.marquee-svg-icon svg{width:100%;height:100%}.marquee-svg-icon:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);background:#0a0a0af2;color:#00e5ff;padding:8px 15px;border-radius:8px;font-family:Orbitron,Space Grotesk,sans-serif;font-size:1rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;border:1px solid rgba(0,229,255,.3);box-shadow:0 4px 15px #00e5ff1a;z-index:10}.marquee-svg-icon:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.marquee-svg-icon:hover{color:#fff;filter:drop-shadow(0 0 10px var(--primary-accent));transform:scale(1.1)}@keyframes marqueeSeamless{0%{transform:translate(0)}to{transform:translate(-25%)}}@media(max-width:768px){.values-section{padding:60px 5%}.values-nav{flex-direction:column;gap:15px;border-bottom:none;padding-bottom:20px}.value-tab{font-size:1rem;padding:10px;border:1px solid #222;border-radius:8px;background:#ffffff05}.value-tab:after{display:none}.value-tab.active{color:var(--primary-accent);border-color:var(--primary-accent);background:#00e5ff0d}.values-content{min-height:120px}.value-text{font-size:1.1rem;padding:0 10px}.clients-section{padding:35px 0}.clients-title{font-size:1.6rem!important;margin-bottom:25px!important}.marquee-container:before,.marquee-container:after{width:35px}.marquee-content{gap:36px;padding-right:36px}.marquee-content i{font-size:2.2rem!important;color:#00e5ff!important;display:inline-flex;flex-direction:column;align-items:center;filter:drop-shadow(0 0 6px rgba(0,229,255,.4))}.marquee-content i:after{content:attr(data-tooltip);position:static!important;transform:none!important;opacity:1!important;background:transparent!important;border:none!important;box-shadow:none!important;color:#ffffffb3!important;font-size:.6rem!important;font-family:Space Grotesk,sans-serif!important;font-weight:500;margin-top:5px;white-space:nowrap;pointer-events:none;display:block;text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:480px){.values-section{padding:40px 3%}.value-tab{font-size:.9rem;padding:8px}.value-text{font-size:1rem}.clients-title{font-size:1.35rem!important;margin-bottom:20px!important}.marquee-container:before,.marquee-container:after{width:20px}.marquee-content{gap:20px;padding-right:20px}.marquee-content i{font-size:1.8rem!important}.marquee-content i:after{font-size:.65rem!important}}.services-grid-section{background-color:#0d0d0d;padding:80px 4%;position:relative;z-index:5}.section-title{font-family:Oswald,sans-serif;font-size:5rem;color:transparent;-webkit-text-stroke:2px #333;text-align:center;margin-bottom:60px;text-transform:uppercase;position:relative;z-index:2}.section-title .highlight-bg{color:#fff;-webkit-text-stroke:0;background-color:var(--primary-accent);padding:0 20px;display:inline-block;transform:skew(-10deg)}.ide-wrapper{max-width:1300px;margin:0 auto;background:#181818;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 30px 60px #000000b3;overflow:hidden;display:flex;flex-direction:column;z-index:10}.ide-titlebar{background:#1f1f1f;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);direction:ltr!important;text-align:left!important}.ide-dots{display:flex;gap:8px}.ide-dot{width:12px;height:12px;border-radius:50%}.ide-dot.close{background:#ff5f56}.ide-dot.minimize{background:#ffbd2e}.ide-dot.maximize{background:#27c93f}.ide-title-text{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:#888;display:flex;align-items:center;gap:8px}.ide-actions-row{display:flex;align-items:center;gap:20px}.ide-view-toggle{display:flex;align-items:center;gap:8px;user-select:none}.toggle-label{font-family:Space Grotesk,sans-serif;font-size:.75rem;color:#666;transition:color .3s}.toggle-label.active{color:#fff;font-weight:500}.toggle-switch{width:38px!important;height:20px!important;min-width:38px!important;min-height:20px!important;max-width:38px!important;max-height:20px!important;background:#333;border-radius:10px;border:none;position:relative;cursor:pointer;padding:0;transition:background .3s;outline:none;flex-shrink:0}.toggle-switch:focus-visible{box-shadow:0 0 0 2px var(--primary-accent)}.toggle-knob{width:14px;height:14px;background:#888;border-radius:50%;position:absolute;top:3px;left:3px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.toggle-switch.code-active{background:var(--primary-accent)}.toggle-switch.code-active .toggle-knob{background:#000;left:21px}.ide-actions{display:flex;gap:12px}.ide-action-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:.85rem;transition:all .2s;padding:4px 8px;border-radius:4px;position:relative}.ide-action-btn:hover{background:#ffffff0d}#ideHotReload:hover{color:gold}#ideRun:hover{color:#0f8}.ide-main{display:flex;flex-direction:row;height:550px;background:#181818}.ide-sidebar{width:230px;background:#131313;border-right:1px solid rgba(255,255,255,.05);padding:15px 0;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:1.5px;color:#444;padding:0 15px 10px;font-weight:700}.file-list{list-style:none;margin:0;padding:0}.file-item{display:flex;align-items:center;gap:8px;padding:8px 15px;cursor:pointer;transition:all .2s ease;color:#7c7c7c;font-size:.82rem;font-family:Space Grotesk,sans-serif;border-left:2px solid transparent}.file-item:hover{background:#ffffff05;color:#b5b5b5}.file-item.active{background:#00e5ff0d;color:var(--primary-accent);border-left:2px solid var(--primary-accent)}.file-icon{font-size:.85rem}.file-icon.dart{color:var(--primary-accent)}.ide-editor-container{flex-grow:1;display:flex;flex-direction:column;background:#181818;overflow:hidden}.editor-tabs{display:flex;background:#131313;border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;direction:ltr!important;text-align:left!important}.editor-tab{display:flex;align-items:center;gap:6px;padding:10px 15px;font-family:Space Grotesk,sans-serif;font-size:.78rem;color:#555;border-right:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .2s;user-select:none}.editor-tab:hover{color:#999;background:#ffffff03}.editor-tab.active{color:#fff;background:#181818;border-top:2px solid var(--primary-accent);border-bottom:1px solid #181818}.editor-tab i{font-size:.8rem;color:var(--primary-accent)}.editor-body{flex-grow:1;display:flex;overflow:hidden;position:relative;direction:ltr!important;text-align:left!important}.code-panel{display:none;width:100%;height:100%}.code-panel.active{display:flex}.panel-code-view{display:none;width:100%;height:100%;flex-direction:row;padding:15px;box-sizing:border-box;overflow:auto}.ide-wrapper.show-code .panel-code-view{display:flex}.panel-visual-view{display:block;width:100%;height:100%;padding:25px 35px;overflow-y:auto;overflow-x:hidden;font-family:Space Grotesk,sans-serif;box-sizing:border-box}.ide-wrapper.show-code .panel-visual-view{display:none}.visual-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.visual-icon-glow{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#00e5ff1a,#00e5ff05);border:1px solid rgba(0,229,255,.25);display:flex;align-items:center;justify-content:center;color:var(--primary-accent);font-size:1.4rem;box-shadow:0 0 15px #00e5ff26}.visual-header h3{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#fff;margin:0;letter-spacing:.5px}.visual-desc{color:#b0b0b0;font-size:.9rem;line-height:1.6;margin-bottom:20px;max-width:95%}.feature-bullets{list-style:none;padding:0;margin:0 0 25px;display:flex;flex-direction:column;gap:12px}.feature-bullets li{display:flex;align-items:flex-start;gap:12px;color:#e0e0e0;font-size:.88rem;line-height:1.4}.feature-bullets li i{color:var(--primary-accent);margin-top:3px;font-size:.9rem;text-shadow:0 0 8px rgba(0,229,255,.4)}.visual-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.visual-tech-tags span{font-family:Space Grotesk,sans-serif;font-size:.7rem;color:var(--primary-accent);background:#00e5ff0d;border:1px solid rgba(0,229,255,.15);padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.code-lines{display:flex;flex-direction:column;color:#444;font-family:Consolas,Courier New,monospace;font-size:.8rem;padding-right:12px;border-right:1px solid rgba(255,255,255,.04);text-align:right;user-select:none}.code-lines span{height:20px;line-height:20px}.code-content{margin:0;padding-left:12px;font-family:Consolas,Courier New,monospace;font-size:.8rem;line-height:20px;color:#abb2bf;overflow-x:auto;flex-grow:1}.keyword{color:#c678dd;font-weight:700}.string{color:#98c379}.comment{color:#5c6370;font-style:italic}.class-name{color:#e5c07b}.type{color:#56b6c2}.boolean{color:#d19a66}.editor-terminal{background:#111;border-top:1px solid rgba(255,255,255,.05);height:140px;display:flex;flex-direction:column;flex-shrink:0;direction:ltr!important;text-align:left!important}.terminal-tabs{display:flex;gap:15px;background:#141414;padding:6px 15px;border-bottom:1px solid rgba(255,255,255,.03)}.t-tab{font-family:Orbitron,sans-serif;font-size:.65rem;letter-spacing:1px;color:#555;cursor:pointer;text-transform:uppercase}.t-tab.active{color:var(--primary-accent)}.terminal-content-area{padding:10px 15px;overflow-y:auto;font-family:Consolas,Courier New,monospace;font-size:.75rem;line-height:1.5;color:#777;flex-grow:1}.terminal-log-line{margin-bottom:4px}.log-dir{color:var(--primary-accent)}.log-cmd{color:#fff}.terminal-log-output{white-space:pre-line;color:#888;margin-top:4px}.ide-simulator-panel{width:290px;background:#141414;border-left:1px solid rgba(255,255,255,.05);padding:15px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.simulator-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.03);padding-bottom:8px}.simulator-title{font-family:Space Grotesk,sans-serif;font-size:.75rem;letter-spacing:1px;color:#555;text-transform:uppercase}.simulator-controls{display:flex;gap:10px;color:#444;font-size:.8rem}#simulatorRefresh{cursor:pointer;transition:color .2s}#simulatorRefresh:hover{color:var(--primary-accent)}.mockup-phone{width:230px;height:420px;background:#000;border:10px solid #282828;border-radius:32px;position:relative;box-shadow:0 10px 30px #0009;border-bottom:12px solid #282828;border-top:12px solid #282828}.mockup-phone .camera{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#151515;border-radius:2px;z-index:10}.mockup-phone .screen{width:100%;height:100%;background:#0a0a0a;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative}.screen-view{display:none;flex-direction:column;height:100%;width:100%}.screen-view.active{display:flex}.app-bar{background:#121212;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);box-sizing:border-box;width:100%}.app-title{font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.5px}.screen-content{flex-grow:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.mock-widget{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.mock-widget.glow-cyan{border-color:#00e5ff40;box-shadow:inset 0 0 10px #00e5ff0d}.mock-widget.glow-yellow{border-color:#ffbd2e40;box-shadow:inset 0 0 10px #ffbd2e0d}.mock-widget.glow-green{border-color:#00ff8840;box-shadow:inset 0 0 10px #00ff880d}.gold-text{color:#ffbd2e!important}.mini-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:35px;margin-top:2px;gap:3px}.mini-bar-chart .bar{flex-grow:1;background:var(--primary-accent);border-radius:1px;opacity:.7}.widget-title{font-size:.7rem;font-weight:700;color:#888;font-family:Space Grotesk,sans-serif}.module-status{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#666}.status-dot{width:5px;height:5px;border-radius:50%}.status-dot.green{background:#0f8;box-shadow:0 0 6px #0f8}.mock-list-item{display:flex;align-items:center;gap:8px;font-size:.68rem;color:#888;background:#ffffff03;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.02)}.mock-list-item i.green{color:#0f8}.mock-action-btn{width:100%;background:transparent;border:1px solid rgba(0,229,255,.3);color:var(--primary-accent);padding:7px 0;border-radius:15px;font-size:.68rem;font-family:Oswald,sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .3s;margin-top:auto}.mock-action-btn:hover{background:var(--primary-accent);color:#000;box-shadow:0 0 10px #00e5ff4d;border-color:var(--primary-accent)}.telemetry-gauge{display:flex;justify-content:center;align-items:center;position:relative;margin:5px 0}.gauge-svg{width:90px;height:90px;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#1a1a1a;stroke-width:6}.gauge-progress{fill:none;stroke:var(--primary-accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:251.2;stroke-dashoffset:140;transition:stroke-dashoffset .4s ease}.gauge-val{position:absolute;font-family:Orbitron,sans-serif;font-size:1rem;color:#fff;font-weight:700}.gauge-unit{position:absolute;bottom:12px;font-size:.5rem;color:#444;font-family:Space Grotesk,sans-serif;text-transform:uppercase}.status-badge.live{background:#00ff881a;color:#0f8;padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:700;border:1px solid rgba(0,255,136,.2)}.metric-row{display:flex;justify-content:space-between;font-size:.68rem;color:#777;margin-bottom:2px}.metric-val{color:#fff;font-family:Orbitron,sans-serif}.metric-val.green-text{color:#0f8}.mock-product-card{background:#ffffff04;border-radius:6px;border:1px solid rgba(255,255,255,.03);padding:6px;display:flex;gap:8px;align-items:center}.product-thumb{width:40px;height:40px;background:#00e5ff0d;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--primary-accent);font-size:1.1rem}.product-info{display:flex;flex-direction:column;gap:1px}.p-title{font-size:.65rem;color:#888}.p-price{font-size:.75rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.payment-method{display:flex;flex-direction:column;gap:4px}.cards-row{display:flex;gap:6px}.mini-card{flex-grow:1;height:25px;border:1px solid rgba(255,255,255,.04);background:#111;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#555;font-size:.75rem;cursor:pointer;transition:all .2s}.mini-card.active{color:#fff;border-color:var(--primary-accent);background:#00e5ff0a}.sync-status{display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:6px}.cloud-icon{font-size:1.8rem;color:var(--primary-accent);filter:drop-shadow(0 0 6px rgba(0,229,255,.2))}.sync-text{font-size:.65rem;color:#777;font-family:Space Grotesk,sans-serif}.notification-preview{background:#ffffff05;border-left:2px solid var(--primary-accent);padding:6px 8px;border-radius:4px;font-size:.6rem;color:#999}.notif-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:2px}.n-title{color:#ccc;font-size:.65rem}.n-title i{color:#ffbd2e}.n-time{color:#555;font-size:.55rem}.n-body{line-height:1.3}.analysis-score{width:80px;height:80px;border-radius:50%;border:5px solid #00ff88;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px auto;box-shadow:0 0 12px #00ff8826}.score-num{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff}.score-lbl{font-size:.55rem;color:#555;text-transform:uppercase}.check-list{list-style:none;padding:0;margin:0}.check-list li{font-size:.68rem;color:#888;margin-bottom:4px;display:flex;align-items:center;gap:6px}.check-list li i.green{color:#0f8}.classroom-card{background:#ffffff03;border:1px solid rgba(255,255,255,.03);padding:8px;border-radius:6px;display:flex;flex-direction:column;gap:2px}.c-tag{font-size:.5rem;color:var(--primary-accent);font-family:Orbitron,sans-serif;font-weight:700}.c-title{font-size:.68rem;font-weight:700;color:#eee}.c-time{font-size:.55rem;color:#666}.student-chat{display:flex;flex-direction:column;gap:6px;margin:8px 0}.chat-bubble{max-width:85%;padding:5px 8px;border-radius:10px;font-size:.62rem;line-height:1.3}.chat-bubble.left{background:#ffffff05;align-self:flex-start;border-bottom-left-radius:1px;color:#999}.chat-bubble.right{background:#00e5ff0f;align-self:flex-end;border-bottom-right-radius:1px;color:#fff;border:1px solid rgba(0,229,255,.08)}.ide-footer-cta{background:#131313;border-top:1px solid rgba(255,255,255,.05);padding:15px;display:flex;justify-content:center;align-items:center}.animate-gauge{animation:gaugePulse 2s infinite ease-in-out}@keyframes gaugePulse{0%,to{stroke-dashoffset:140}50%{stroke-dashoffset:100}}.animate-float{animation:floatSync 2.5s infinite ease-in-out}@keyframes floatSync{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}html[lang=ar] .screen-content,html[lang=ar] .ide-sidebar{direction:rtl;text-align:right}html[lang=ar] .sidebar-header{text-align:right}html[lang=ar] .chat-bubble.left{align-self:flex-end;border-bottom-left-radius:10px;border-bottom-right-radius:1px}html[lang=ar] .chat-bubble.right{align-self:flex-start;border-bottom-right-radius:10px;border-bottom-left-radius:1px}html[lang=ar] .metric-row,html[lang=ar] .widget-header,html[lang=ar] .check-list li{flex-direction:row-reverse}@media(max-width:1024px){.ide-main{height:auto;min-height:500px}.ide-simulator-panel{display:none}}@media(max-width:768px){.section-title{font-size:3rem!important;margin-bottom:40px}.services-grid-section{padding:50px 3%}.ide-main{flex-direction:column;height:auto}.ide-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.05);padding:10px 0}.file-list{display:flex;overflow-x:auto;padding:0 10px;gap:6px}.file-item{border-left:none;border-bottom:2px solid transparent;padding:6px 12px;white-space:nowrap;border-radius:4px}.file-item.active{border-left:none;border-bottom:2px solid var(--primary-accent)}.ide-editor-container{height:420px}.editor-tabs{display:none}}.stats-section{background-color:#050505;padding:60px 4%;text-align:center}.stats-title{font-family:Oswald,sans-serif;font-size:4rem;color:#333;-webkit-text-stroke:1px white;text-transform:uppercase;margin-bottom:60px}.stats-title .highlight-underline{color:#fff;-webkit-text-stroke:0;border-bottom:8px solid var(--primary-accent);display:inline-block;padding-bottom:5px}.stats-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.stat-card{background-color:#000;border:1px solid #222;padding:40px 20px;width:250px;border-radius:12px;transition:transform .3s,border-color .3s}.stat-card:hover{transform:translateY(-10px);border-color:var(--primary-accent)}.stat-number{font-family:Oswald,sans-serif;font-size:4rem;color:var(--primary-accent);font-weight:700;margin-bottom:10px}.stat-label{font-family:Roboto,sans-serif;color:#888;font-size:1.1rem}.portfolio-section{position:relative;background-color:#0d0d0d;padding:60px 4%;text-align:center;overflow:hidden;z-index:1}.portfolio-bg-code{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.tech-floater{position:absolute;color:var(--primary-accent);font-family:Fira Code,monospace;font-size:1.2rem;opacity:.4;font-weight:700;user-select:none;white-space:nowrap;animation:floatBgPort 12s linear infinite;top:100%;text-shadow:0 0 5px rgba(0,229,255,.3)}@keyframes floatBgPort{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:.4}80%{opacity:.4}to{transform:translateY(-120vh) rotate(5deg);opacity:0}}.tf-1{left:10%;animation-delay:0s;font-size:1.5rem}.tf-2{left:20%;animation-delay:5s;font-size:1.1rem}.tf-3{left:35%;animation-delay:2s;font-size:1.8rem}.tf-4{left:50%;animation-delay:9s;font-size:1.3rem}.tf-5{left:65%;animation-delay:1s;font-size:2rem}.tf-6{left:80%;animation-delay:7s;font-size:1.4rem}.tf-7{left:90%;animation-delay:3s;font-size:1.2rem}.tf-8{left:5%;animation-delay:6s;font-size:1.6rem}.tf-9{left:15%;animation-delay:2.5s;font-size:1.3rem}.tf-10{left:30%;animation-delay:7.5s;font-size:1.9rem}.tf-11{left:45%;animation-delay:1.5s;font-size:1.1rem}.tf-12{left:60%;animation-delay:5.5s;font-size:1.7rem}.tf-13{left:75%;animation-delay:3.5s;font-size:1.4rem}.tf-14{left:85%;animation-delay:8.5s;font-size:2.1rem}.tf-15{left:95%;animation-delay:.5s;font-size:1.2rem}.tf-16{left:2%;animation-delay:1.2s;font-size:1.4rem}.tf-17{left:12%;animation-delay:6.8s;font-size:1.8rem}.tf-18{left:22%;animation-delay:3.5s;font-size:1rem}.tf-19{left:32%;animation-delay:9.1s;font-size:2rem}.tf-20{left:42%;animation-delay:2.3s;font-size:1.3rem}.tf-21{left:52%;animation-delay:7.7s;font-size:1.6rem}.tf-22{left:62%;animation-delay:4.4s;font-size:1.9rem}.tf-23{left:72%;animation-delay:.9s;font-size:1.2rem}.tf-24{left:82%;animation-delay:5.6s;font-size:1.7rem}.tf-25{left:92%;animation-delay:8.2s;font-size:1.5rem}.tf-26{left:7%;animation-delay:3.1s;font-size:1.1rem}.tf-27{left:27%;animation-delay:5.2s;font-size:2.1rem}.tf-28{left:47%;animation-delay:1.8s;font-size:1.4rem}.tf-29{left:67%;animation-delay:7.3s;font-size:1.6rem}.tf-30{left:87%;animation-delay:4.1s;font-size:1.3rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto}.browser-window{background:#1e1e1e;border-radius:12px;box-shadow:0 10px 30px #00000080;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid #333;height:300px;display:flex;flex-direction:column;position:relative;cursor:pointer}.browser-window:hover{transform:translateY(-5px);box-shadow:0 15px 35px #000c,0 0 25px #00e5ff33;border-color:#00e5ff66}.browser-header{background:#161b26;padding:12px 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);z-index:10;position:relative;transition:background .3s,border-color .3s}.browser-window:hover .browser-header{background:#1c2436;border-bottom-color:#00e5ff4d}.browser-header .dots{display:flex;gap:6px;margin-right:10px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.header-info{flex-grow:1;text-align:left;font-family:Fira Code,monospace;font-size:.82rem;color:#94a3b8;position:relative;height:24px;line-height:24px;overflow:hidden;white-space:nowrap}.project-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;transition:transform .3s ease}.tech-stack{display:block;position:absolute;top:100%;left:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;color:var(--primary-accent, #00e5ff);font-weight:700;transition:top .3s ease}.browser-window:hover .header-info{color:var(--primary-accent, #00e5ff)}.browser-window:hover .project-name{transform:translateY(-150%)}.browser-window:hover .tech-stack{top:0}.project-container{position:relative;width:100%;height:100%;overflow:hidden;background:#111}.project-img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;opacity:.8}.browser-window:hover .project-img{filter:blur(4px) brightness(.4);transform:scale(1.05)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;z-index:2}.browser-window:hover .overlay{opacity:1}.try-btn{padding:12px 30px;background:transparent;border:2px solid var(--primary-accent);color:var(--primary-accent);font-family:Oswald,sans-serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;border-radius:50px;text-decoration:none;transition:all .3s;box-shadow:0 0 20px #00000080}.try-btn:hover{background:var(--primary-accent);color:#000;box-shadow:0 0 30px #00e5ffcc;transform:scale(1.1)}.overlay{gap:12px;flex-wrap:wrap;padding:0 16px}.overlay .try-btn{display:inline-flex;align-items:center;gap:8px;margin-right:0!important;padding:9px 18px;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;line-height:1;white-space:nowrap;border:1px solid rgba(0,229,255,.5);border-radius:9px;background:#00e5ff14;color:var(--primary-accent, #00e5ff);text-decoration:none;box-shadow:none;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.overlay a.try-btn{background:var(--primary-accent, #00e5ff);border-color:var(--primary-accent, #00e5ff);color:#04121a}.overlay .try-btn:hover{background:var(--primary-accent, #00e5ff);color:#04121a;transform:translateY(-2px);box-shadow:0 6px 18px #00e5ff59}.overlay a.try-btn:hover{background:#7ef1ff;border-color:#7ef1ff;box-shadow:0 6px 20px #7ef1ff59}.card-action{position:absolute;left:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;min-height:0;min-width:0;height:auto;border-radius:8px;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;line-height:1;text-decoration:none;cursor:pointer;color:var(--primary-accent, #00e5ff);background:#090d15e6;border:1px solid rgba(0,229,255,.38);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .25s ease,color .25s ease,border-color .25s ease}.card-action i{font-size:.66rem}.card-action:hover{color:#04121a;background:var(--primary-accent, #00e5ff);border-color:var(--primary-accent, #00e5ff)}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.url-bar{background:#000;color:#aaa;font-family:Courier New,monospace;font-size:.8rem;padding:2px 10px;border-radius:4px;margin-left:10px;flex-grow:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content{flex-grow:1;background-color:#111;position:relative;background-image:linear-gradient(#222 1px,transparent 1px),linear-gradient(90deg,#222 1px,transparent 1px);background-size:20px 20px;background-position:center center}.browser-content:after{content:"function init() { ... }";color:#444;font-family:Fira Code,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem}.p1:after{content:"<Dashboard data={ai} />";color:var(--primary-accent)}.p2:after{content:"import crypto from 'web3'";color:#98c379}.p3:after{content:"res.status(200).json(order)";color:#61afef}.p4:after{content:"class User < ApplicationRecord";color:#e06c75}.p5:after{content:"Widget build(context) { ... }";color:#56b6c2}.p6:after{content:"ggplot(data, aes(x=time))";color:#c678dd}@media(max-width:992px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.stats-title{font-size:3rem}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}.stats-grid{flex-direction:column;align-items:center}.stats-section{padding:60px 5%}.stats-title{font-size:2.5rem;margin-bottom:40px}.stats-grid{gap:15px}.stat-card{width:100%;max-width:300px;padding:30px 20px}.stat-number{font-size:3rem}.stat-label{font-size:1rem}.portfolio-section{padding:60px 3%}.portfolio-bg-code{display:none}.section-title{font-size:2rem!important}.browser-window{height:250px}.browser-header{padding:10px}.nav-link{font-size:1.5rem}.try-btn{padding:10px 20px;font-size:.9rem}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.stats-grid{flex-direction:column;align-items:center}.stats-title{font-size:2rem}.stat-number{font-size:2.5rem}.browser-window{height:220px}}.project-iframe{width:400%;height:400%;transform:scale(.25);transform-origin:top left;border:none;display:block;transition:all .5s ease;pointer-events:none}.browser-window:hover .project-iframe{filter:blur(4px) brightness(.4)}.system-flow-section{background-color:#060606;background-image:radial-gradient(rgba(0,229,255,.05) 1px,transparent 1px),radial-gradient(rgba(0,229,255,.02) 1px,transparent 1px);background-size:20px 20px;padding:60px 0;display:flex;justify-content:center;border-bottom:1px solid rgba(255,255,255,.03);position:relative}.system-flow-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,#060606 85%);pointer-events:none}.flow-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:0 20px;position:relative;z-index:2}.logic-header{margin-bottom:50px}.logic-header code{font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;color:var(--primary-accent);letter-spacing:3px;background:#00e5ff0d;padding:8px 18px;border-radius:20px;border:1px solid rgba(0,229,255,.2);box-shadow:0 0 20px #00e5ff1a;text-transform:uppercase}.flow-nodes-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.flow-node{background:linear-gradient(145deg,#0e0e0e,#070707);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;min-width:155px;max-width:165px;text-align:center;position:relative;z-index:5;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 30px #0009;box-sizing:border-box}.flow-node:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.node-meta{font-family:Space Grotesk,sans-serif;font-size:.55rem;color:#444;letter-spacing:1.5px;margin-bottom:12px;font-weight:500}.node-icon-wrapper{width:44px;height:44px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease}.flow-node i{font-size:1.2rem;color:#555;transition:all .3s}.node-name{font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;color:#aaa;margin-bottom:12px;letter-spacing:.5px}.node-status{font-family:Space Grotesk,sans-serif;font-size:.55rem;color:#555;letter-spacing:1px;display:flex;align-items:center;gap:6px;font-weight:600;border-top:1px solid rgba(255,255,255,.04);width:100%;padding-top:8px;justify-content:center}.status-indicator{width:5px;height:5px;border-radius:50%;background:#444}.flow-node:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 15px 35px #000c}.flow-node:hover .node-icon-wrapper{border-color:#ffffff26;background:#ffffff0d}.flow-node:hover i,.flow-node:hover .node-name{color:#fff}#node-user:hover{border-color:#ffffff4d;box-shadow:0 15px 35px #ffffff08,0 0 20px #ffffff0d}#node-user:hover .status-indicator{background:#fff;box-shadow:0 0 8px #fff}#node-bloc:hover{border-color:#00ff884d;box-shadow:0 15px 35px #00ff8808,0 0 20px #00ff880d}#node-bloc:hover i{color:#0f8;filter:drop-shadow(0 0 5px #00ff88)}#node-bloc:hover .node-icon-wrapper{border-color:#00ff884d}#node-api:hover{border-color:#ff98004d;box-shadow:0 15px 35px #ff980008,0 0 20px #ff98000d}#node-api:hover i{color:#ff9800;filter:drop-shadow(0 0 5px #ff9800)}#node-api:hover .node-icon-wrapper{border-color:#ff98004d}#node-api:hover .status-indicator{background:#ff9800;box-shadow:0 0 8px #ff9800}.core-node{border:1px solid var(--primary-accent);background:linear-gradient(145deg,#00e5ff0f,#00e5ff03);box-shadow:0 15px 40px #00e5ff1a;min-width:170px;padding:20px 16px}.core-node .node-meta{color:var(--primary-accent)}.core-node .node-icon-wrapper{background:#00e5ff0d;border-color:#00e5ff4d;box-shadow:0 0 15px #00e5ff26}.core-node i{color:var(--primary-accent);font-size:1.4rem;filter:drop-shadow(0 0 6px var(--primary-accent))}.core-node .node-name{color:#fff;font-size:.85rem;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.1)}.core-node .node-status{color:var(--primary-accent)}.core-node:hover{border-color:var(--primary-accent);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 45px #00e5ff33}.animate-spin-slow{animation:fa-spin 12s linear infinite}.animate-pulse-green{background:#0f8;box-shadow:0 0 8px #0f8;animation:statusPulse 2s infinite}.animate-pulse-cyan{background:var(--primary-accent);box-shadow:0 0 8px var(--primary-accent);animation:statusPulse 2s infinite}@keyframes statusPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.flow-line{flex-grow:1;height:2px;background:#ffffff0a;position:relative;margin:0 -5px;z-index:1;overflow:visible}.flow-nodes-wrapper:hover .flow-line{background:#ffffff0f}.packet{opacity:0;width:6px;height:6px;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 10px currentColor,0 0 18px currentColor;filter:blur(.2px)}.pkt1{animation-delay:0s!important}.pkt2{animation-delay:2s!important}.pkt3{animation-delay:4s!important}@keyframes burstTravel{0%{left:0;opacity:0;transform:translateY(-50%) scale(.6)}10%{opacity:1;transform:translateY(-50%) scale(1)}90%{opacity:1;transform:translateY(-50%) scale(1)}to{left:100%;opacity:0;transform:translateY(-50%) scale(.6)}}.white-dot{background:#fff;color:#fff;animation:burstTravel 5s linear infinite}.green-dot{background:#0f8;color:#0f8;animation:burstTravel 5s linear infinite}.blue-dot{background:#00e5ff;color:#00e5ff;animation:burstTravel 5s linear infinite}@media(max-width:992px){.flow-node{min-width:110px;padding:12px 18px}.flow-node span{font-size:.7rem}}@media(max-width:768px){.system-flow-section{padding:50px 0;background-size:20px 20px}.flow-nodes-wrapper{flex-direction:column;gap:35px}.flow-line{width:2px;height:50px;flex-grow:0;background:linear-gradient(to bottom,transparent,rgba(0,229,255,.4),transparent)}.flow-node{width:180px}@keyframes burstTravelVertical{0%{top:0;opacity:0;transform:translate(-50%) scale(.6)}10%{opacity:1;transform:translate(-50%) scale(1)}90%{opacity:1;transform:translate(-50%) scale(1)}to{top:100%;opacity:0;transform:translate(-50%) scale(.6)}}.packet{left:50%;top:0;animation-name:burstTravelVertical!important}}.experience-section{position:relative;background-color:#0a0a0a;padding:80px 4%;z-index:10}.experience-section .section-title{font-family:Oswald,sans-serif;font-size:3rem;text-transform:uppercase;text-align:center;margin-bottom:10px;letter-spacing:2px}.experience-section .section-desc{font-family:Roboto,sans-serif;font-size:1.1rem;color:#aeaeae;text-align:center;max-width:600px;margin:0 auto 60px;font-weight:300}.timeline{position:relative;max-width:1000px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,var(--primary-accent),rgba(0,229,255,.1) 80%,transparent);transform:translate(-50%)}.timeline-item{position:relative;width:50%;margin-bottom:50px}.timeline-item:nth-child(odd){left:0;padding-right:50px}.timeline-item:nth-child(2n){left:50%;padding-left:50px}.timeline-dot{position:absolute;top:25px;right:-10px;width:20px;height:20px;background-color:#0a0a0a;border:3px solid var(--primary-accent);border-radius:50%;z-index:5;box-shadow:0 0 10px var(--primary-accent);transition:all .3s ease}.timeline-item:nth-child(2n) .timeline-dot{left:-10px;right:auto}.timeline-item:hover .timeline-dot{background-color:var(--primary-accent);box-shadow:0 0 20px var(--primary-accent);transform:scale(1.2)}.timeline-date{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--primary-accent);margin-bottom:12px;font-weight:700;letter-spacing:1px;text-align:right}.timeline-item:nth-child(2n) .timeline-date{text-align:left}.timeline-content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:30px;backdrop-filter:blur(10px);transition:border .3s ease,box-shadow .3s ease,transform .3s ease}.timeline-content:hover{border-color:#00e5ff4d;box-shadow:0 10px 30px #00e5ff0d;transform:translateY(-5px)}.timeline-content h3{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:500;color:#fff;margin-bottom:5px;text-transform:uppercase}.timeline-content .company{font-family:Roboto,sans-serif;font-size:1.1rem;color:var(--primary-accent);font-weight:400;margin-bottom:5px}.timeline-content .location{font-family:Roboto,sans-serif;font-size:.85rem;color:#888;margin-bottom:15px}.timeline-content .bullets{list-style:none;padding-left:0}.timeline-content .bullets li{font-family:Roboto,sans-serif;font-size:.95rem;color:#aeaeae;line-height:1.5;margin-bottom:10px;position:relative;padding-left:20px;font-weight:300}.timeline-content .bullets li:before{content:"•";position:absolute;left:0;color:var(--primary-accent);font-size:1.2rem;line-height:1}html[lang=ar] .timeline-date{font-family:Cairo,sans-serif}html[lang=ar] .timeline-content .bullets li{padding-left:0;padding-right:20px}html[lang=ar] .timeline-content .bullets li:before{left:auto;right:0}@media(max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;margin-bottom:40px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){left:0;padding-left:45px;padding-right:0}.timeline-dot{left:10px!important;right:auto!important}.timeline-date{text-align:left!important;margin-bottom:8px}}@media(max-width:768px){html[lang=ar] .timeline:before{right:20px!important;left:auto!important}html[lang=ar] .timeline-item:nth-child(odd),html[lang=ar] .timeline-item:nth-child(2n){left:auto!important;right:0!important;padding-right:45px!important;padding-left:0!important}html[lang=ar] .timeline-dot{right:10px!important;left:auto!important}html[lang=ar] .timeline-date{text-align:right!important}}.education-section{position:relative;background-color:#0d0d0d;padding:80px 4%;z-index:10}.status-badge-container{display:flex;justify-content:center;margin-bottom:22px}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 18px;background:#0a0f1abf;border:1px solid rgba(0,229,255,.35);border-radius:25px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:600;color:#e2e8f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006,0 0 12px #00e5ff26}.status-dot{width:9px;height:9px;background-color:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981}.status-dot.pulse{animation:statusPulse 2s infinite}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.15);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.edu-container{display:block;max-width:900px;margin:0 auto}.education-section .section-title{font-family:Oswald,sans-serif;font-size:2.8rem;text-transform:uppercase;margin-bottom:10px;letter-spacing:2px}.education-section .section-desc{font-family:Roboto,sans-serif;font-size:1.05rem;color:#aeaeae;margin-bottom:40px;font-weight:300}.edu-list,.vol-list{display:flex;flex-direction:column;gap:30px}.edu-card,.vol-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:25px;backdrop-filter:blur(10px);transition:border .3s ease,box-shadow .3s ease,transform .3s ease}.edu-card:hover,.vol-card:hover{border-color:#00e5ff4d;box-shadow:0 10px 30px #00e5ff0d;transform:translateY(-3px)}.edu-date,.vol-date{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--primary-accent);margin-bottom:10px;font-weight:700;letter-spacing:1px}.edu-card h3,.vol-card h3{font-family:Oswald,sans-serif;font-size:1.4rem;font-weight:500;color:#fff;margin-bottom:5px;text-transform:uppercase}.edu-card .inst,.vol-card .org{font-family:Roboto,sans-serif;font-size:1.05rem;color:#fff;font-weight:400;margin-bottom:5px;opacity:.9}.edu-card .loc,.vol-card .loc{font-family:Roboto,sans-serif;font-size:.8rem;color:#888;margin-bottom:15px}.edu-card .bullets,.vol-card .bullets{list-style:none;padding-left:0}.edu-card .bullets li,.vol-card .bullets li{font-family:Roboto,sans-serif;font-size:.9rem;color:#aeaeae;line-height:1.5;margin-bottom:8px;position:relative;padding-left:18px;font-weight:300}.edu-card .bullets li:before,.vol-card .bullets li:before{content:"•";position:absolute;left:0;color:var(--primary-accent);font-size:1.1rem;line-height:1}.vol-deco-snippet{margin-top:40px;background:#00e5ff03;border:1px dashed rgba(0,229,255,.15);border-radius:20px;padding:25px}html[lang=ar] .edu-date,html[lang=ar] .vol-date{font-family:Cairo,sans-serif}html[lang=ar] .edu-card .bullets li,html[lang=ar] .vol-card .bullets li{padding-left:0;padding-right:18px}html[lang=ar] .edu-card .bullets li:before,html[lang=ar] .vol-card .bullets li:before{left:auto;right:0}@media(max-width:992px){.edu-container{grid-template-columns:1fr;gap:50px}.vol-deco-snippet{display:none}}@media(max-width:768px){.education-section .section-title{font-size:2.3rem;text-align:center}.education-section .section-desc{text-align:center}}.contact-section{position:relative;background-color:#080808;padding:60px 4%;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}.contact-container{display:flex;width:100%;max-width:1300px;gap:80px;position:relative;z-index:1}.contact-left{flex:1}.contact-title{font-family:Oswald,sans-serif;font-size:5rem;color:transparent;-webkit-text-stroke:2px var(--primary-accent);text-transform:uppercase;line-height:1;margin-bottom:5px}.contact-title .highlight-text{-webkit-text-stroke:0;color:#fff}.contact-subtitle{font-family:Great Vibes,Brush Script MT,cursive;font-size:2rem;color:#666;margin-bottom:30px;transform:rotate(-3deg);display:inline-block}.contact-desc{color:#888;margin-bottom:40px;font-size:1.1rem;max-width:400px}.contact-buttons{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap}.contact-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;border-radius:50px;text-decoration:none;font-family:Oswald,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;transition:all .3s ease;border:2px solid transparent}.contact-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.contact-btn.phone{background:linear-gradient(135deg,var(--primary-accent),#00d2ff);color:#000}.contact-btn.email{background:transparent;border:2px solid var(--primary-accent);color:var(--primary-accent)}.contact-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00e5ff4d}.contact-btn.whatsapp:hover{box-shadow:0 10px 30px #25d36666}.contact-btn.phone:hover{box-shadow:0 10px 30px #00e5ff66}.contact-info-cards{display:flex;flex-direction:column;gap:20px}.info-card{display:flex;align-items:center;gap:20px;background:#ffffff08;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.info-card:hover{border-color:var(--primary-accent);background:#00e5ff0d;transform:translate(10px)}.info-card i{font-size:2rem;color:var(--primary-accent);width:50px;text-align:center}.info-card h4{color:#fff;font-size:.9rem;margin-bottom:5px;text-transform:uppercase}.info-card p{color:#aaa;font-size:1rem}.contact-right{flex:1;background:#14141480;padding:40px;border-radius:12px;border:1px solid #222}.services-title{font-family:Oswald,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:25px;text-transform:uppercase}.services-checklist{list-style:none;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.services-checklist li{display:flex;align-items:center;gap:15px;color:#ccc;font-size:1rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.services-checklist li i{color:var(--primary-accent);font-size:1.1rem}.cta-box{background:linear-gradient(135deg,#00e5ff1a,#00d2ff0d);padding:30px;border-radius:12px;text-align:center;border:1px solid rgba(0,229,255,.2)}.cta-box p{color:#fff;font-size:1.2rem;margin-bottom:20px;font-family:Oswald,sans-serif}.start-project-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary-accent),#00d2ff);color:#000;padding:15px 35px;border-radius:50px;text-decoration:none;font-family:Oswald,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;transition:all .3s ease;box-shadow:0 5px 20px #00e5ff4d}.start-project-btn:hover{transform:scale(1.05);box-shadow:0 10px 40px #00e5ff80}.main-footer{background-color:#050505;border-top:1px solid #111;padding:60px 0 20px;color:#fff}.footer-top-row{display:flex;justify-content:center;align-items:flex-start;padding-bottom:50px;border-bottom:1px solid #111;margin-bottom:40px;flex-wrap:wrap;gap:20px}.footer-col{padding:0 40px;text-align:left;min-width:250px}.footer-divider{width:1px;height:60px;background:#222;transform:skew(-20deg)}.footer-col h4{color:#fff;margin-bottom:15px;font-family:Roboto,sans-serif;font-size:1.1rem;font-weight:500}.footer-col p{color:#ccc;font-size:1rem;display:flex;align-items:center;gap:12px}.footer-col p a{color:#ccc;text-decoration:none;transition:color .3s,border-bottom .3s;border-bottom:1px solid transparent}.footer-col p a:hover{color:var(--primary-accent);border-bottom-color:var(--primary-accent)}.icon-orange{color:var(--primary-accent);font-size:1.2rem}.footer-center-logo{text-align:center;margin-bottom:50px}.big-logo{font-family:Impact,sans-serif;font-size:4rem;margin-bottom:20px}.big-logo .be{color:var(--primary-accent);font-style:italic;margin-right:5px}.big-logo .group{color:#fff}.footer-bottom{text-align:center;color:#444;font-size:.8rem;padding-top:20px;border-top:1px solid #0a0a0a}@media(max-width:900px){.footer-top-row{flex-direction:column;align-items:center;text-align:center}.footer-col{text-align:center;padding:20px 0}.footer-divider{display:none}.footer-col p{justify-content:center}.contact-section{padding:60px 5%;min-height:auto}.contact-container{flex-direction:column;gap:40px}.contact-title{font-size:3rem;text-align:center}.contact-subtitle{font-size:1.5rem;text-align:center;display:block;transform:rotate(0)}.contact-desc{text-align:center;max-width:100%}.contact-buttons{justify-content:center}.contact-info-cards{max-width:500px;margin:0 auto}.contact-right{padding:30px 20px}.footer-center-logo{margin-bottom:30px}.big-logo{font-size:2.5rem}}@media(max-width:768px){.contact-section{padding:60px 3%}.contact-title{font-size:2.5rem;-webkit-text-stroke:1px var(--primary-accent)}.contact-subtitle{font-size:1.2rem}.contact-desc{font-size:1rem}.contact-buttons{flex-direction:column;align-items:stretch}.contact-btn{justify-content:center;padding:12px 20px;font-size:.9rem}.info-card{padding:15px}.info-card i{font-size:1.5rem;width:40px}.contact-right{border-radius:8px;padding:25px 15px}.services-title{font-size:1.5rem}.services-checklist li{font-size:.95rem}.cta-box{padding:20px}.cta-box p{font-size:1rem}.start-project-btn{padding:12px 25px;font-size:.9rem}.main-footer{padding:40px 0 20px}.footer-top-row{gap:30px}.footer-col{min-width:100%;padding:10px 0}}@media(max-width:480px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-btn{padding:10px 18px;font-size:.85rem}.info-card{flex-direction:column;text-align:center}.info-card i{width:auto}.big-logo{font-size:2rem}}.marquee-section{width:100%;background-color:var(--primary-accent);padding:15px 0;overflow:hidden;position:relative;z-index:20;border-bottom:2px solid rgba(0,0,0,.5);white-space:nowrap}.marquee-content{display:flex;gap:50px;animation:marqueeScroll 20s linear infinite;width:max-content}.marquee-item{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;color:#000;display:flex;align-items:center;gap:50px}.marquee-item:after{content:"•";color:#00000080;font-size:2rem;line-height:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.rotating-badge{position:absolute;top:-40px;left:-40px;width:140px;height:140px;z-index:15;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cdefs%3E%3Cpath id='textcircle' d='M250,400 a150,150 0 0,1 0,-300 a150,150 0 0,1 0,300Z' transform='rotate(12,250,250)'/%3E%3C/defs%3E%3Ctext fill='%23ffffff' font-family='Oswald' font-size='38' font-weight='500' letter-spacing='2'%3E%3CtextPath xlink:href='%23textcircle' textLength='940'%3EESTABLISHED 2024 • BE GROUP • DIGITAL ARCHITECTS •%3C/textPath%3E%3C/text%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;animation:spinBadge 20s linear infinite;mix-blend-mode:difference}.badge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:var(--primary-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Great Vibes,cursive;color:#000;font-size:1.2rem;font-weight:700}@keyframes spinBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.marquee-item{font-size:1rem;gap:30px}.rotating-badge{width:100px;height:100px;top:-20px;left:-20px}.badge-center{width:30px;height:30px;font-size:.8rem}.marquee-content{animation-duration:15s}.rotating-badge{animation-duration:30s}}@media(max-width:480px){.marquee-section{padding:12px 0}.marquee-item{font-size:.85rem;gap:20px}.marquee-item:after{font-size:1.5rem}.rotating-badge{display:none}}@media(prefers-reduced-motion:reduce){.marquee-content,.rotating-badge,.badge-center{animation:none}}.project-modal{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.project-modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{position:relative;background:#191919f2;border:1px solid rgba(0,229,255,.2);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:40px;z-index:10001;box-shadow:0 20px 50px #00000080,0 0 20px #00e5ff1a;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.project-modal:not([aria-hidden=true]) .modal-content,.project-modal:not([hidden]) .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-color);width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ff3b3033;color:#ff3b30;transform:rotate(90deg)}.modal-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h3{font-family:Space Grotesk,sans-serif;font-size:2.5rem;color:var(--primary-accent);margin-bottom:15px}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.modal-tech-stack span{background:#00e5ff1a;color:var(--primary-accent);padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(0,229,255,.2)}.modal-section{margin-bottom:30px}.modal-section h4{font-size:1.4rem;color:var(--text-color);margin-bottom:15px;display:flex;align-items:center;gap:10px}.modal-icon{color:var(--secondary-accent);font-size:1.2rem}.modal-section p{color:var(--text-color-muted);line-height:1.8;font-size:1.1rem}.modal-footer{margin-top:40px;display:flex;justify-content:flex-end}.modal-footer .try-btn{padding:12px 30px;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:10px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00e5ff80}@media(max-width:768px){.modal-content{padding:30px 20px;width:95%}.modal-header h3{font-size:2rem}.modal-section h4{font-size:1.2rem}.modal-section p{font-size:1rem}.modal-close{top:15px;right:15px}}.modal-gallery{display:flex;gap:15px;overflow-x:auto;padding:15px 0;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.3) rgba(0,0,0,.1);-webkit-overflow-scrolling:touch}.modal-gallery::-webkit-scrollbar{height:6px}.modal-gallery::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.modal-gallery::-webkit-scrollbar-thumb{background:#00e5ff4d;border-radius:3px}.modal-gallery img{height:360px;max-height:480px;border-radius:12px;border:1px solid rgba(0,229,255,.2);box-shadow:0 8px 25px #00000080;object-fit:contain;background:#090d14;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;flex-shrink:0}.modal-gallery img:hover{transform:scale(1.02);border-color:#00e5ff99}.floating-terminal-btn{position:fixed;bottom:30px;left:30px;width:60px;height:60px;border-radius:50%;background:#0d0d0dcc;border:1px solid var(--primary-cyan, #00e5ff);color:var(--primary-cyan, #00e5ff);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px #00e5ff33;z-index:1000;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.floating-terminal-btn:hover{background:var(--primary-cyan, #00e5ff);color:#000;box-shadow:0 0 25px #00e5ff99;transform:translateY(-5px)}.terminal-modal{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:20000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.terminal-modal.active{opacity:1;visibility:visible}.terminal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.terminal-window{position:relative;width:80%;max-width:900px;height:60vh;background:#1e1e1e;border-radius:10px;box-shadow:0 30px 60px #000c,0 0 20px #00e5ff1a;display:flex;flex-direction:column;overflow:hidden;z-index:20001;transform:translateY(20px) scale(.98);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #333}.terminal-modal:not([aria-hidden=true]) .terminal-window,.terminal-modal:not([hidden]) .terminal-window{transform:translateY(0) scale(1)}.terminal-header{background:#2d2d2d;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid #111}.terminal-buttons{display:flex;gap:8px}.t-btn{width:12px;height:12px;border-radius:50%;cursor:pointer}.close-btn{background:#ff5f56}.min-btn{background:#ffbd2e}.max-btn{background:#27c93f}.terminal-title{flex-grow:1;text-align:center;color:#999;font-family:Space Grotesk,sans-serif;font-size:.9rem;margin-right:44px}.terminal-body{flex-grow:1;padding:20px;font-family:Fira Code,Courier New,Courier,monospace;font-size:1rem;color:#00e5ff;overflow-y:auto;background:#0d0d0d}.terminal-output p{margin:5px 0;word-break:break-all;line-height:1.4}.cmd-err{color:#ff5f56}.cmd-succ{color:#27c93f}.cmd-warn{color:#ffbd2e}.terminal-input-line{display:flex;margin-top:10px;align-items:center}.prompt{color:#27c93f;margin-right:10px;white-space:nowrap}.terminal-input{background:transparent;border:none;color:#00e5ff;font-family:Fira Code,Courier New,Courier,monospace;font-size:1rem;flex-grow:1;outline:none;caret-color:#00e5ff}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0d0d0d}.terminal-body::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.terminal-window{width:95%;height:70vh}.terminal-body{font-size:.9rem}.floating-terminal-btn{bottom:20px;left:20px;transform:scale(.9)}.floating-terminal-btn:hover{transform:scale(.9) translateY(-5px)}}@keyframes floatIn{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-accent);outline-offset:4px;box-shadow:0 0 10px var(--primary-accent)}.github-contributions-container{width:100%;max-width:1000px;margin:60px auto 0;padding:0 20px;overflow:hidden}.github-contributions-title{text-align:center;color:var(--primary-cyan);margin-bottom:25px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;letter-spacing:2px;text-transform:uppercase}.github-contributions-wrapper{background:#14141499;padding:30px;border-radius:15px;border:1px solid rgba(0,229,255,.1);box-shadow:0 10px 30px #0000004d;overflow-x:auto;-webkit-overflow-scrolling:touch}.github-contributions-image{min-width:700px;width:100%;filter:saturate(1.4) brightness(1.1)}.github-contributions-footer{text-align:center;color:var(--text-color-muted);font-size:.85rem;margin-top:15px;font-family:Space Grotesk,sans-serif;opacity:.6}.ide-footer-cta{background:#1f1f1f;padding:14px 20px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.05)}.more-details{font-family:Space Grotesk,sans-serif;font-size:.85rem;color:var(--primary-accent)!important;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .3s;letter-spacing:.5px}.more-details i{transition:transform .3s ease}.more-details:hover{color:#fff!important;text-shadow:0 0 10px rgba(0,229,255,.5)}.more-details:hover i{transform:translate(5px)}.ide-wrapper ::-webkit-scrollbar{width:6px;height:6px}.ide-wrapper ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ide-wrapper ::-webkit-scrollbar-thumb:hover{background:#00e5ff4d}.ide-wrapper ::-webkit-scrollbar-track{background:transparent}.ide-wrapper{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.browser-window.mobile-app-card{height:420px;border-color:#00e5ff33}.mobile-badge{margin-left:auto;font-size:.65rem;font-family:Space Grotesk,sans-serif;color:var(--primary-accent, #00e5ff);background:#00e5ff1a;border:1px solid rgba(0,229,255,.25);padding:2px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;font-weight:600}.browser-window.mobile-app-card .browser-header{background:#1a1e28}.project-container.mobile-frame-wrapper{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#00e5ff14,#0d1117f2 85%);padding:16px 0;position:relative;overflow:hidden;height:100%}.phone-frame-mockup{width:165px;height:330px;background:#090c10;border:7px solid #1f2633;border-radius:26px;position:relative;box-shadow:0 15px 35px #000c,0 0 25px #00e5ff26;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s;margin:0 auto}.browser-window.mobile-app-card:hover .phone-frame-mockup{transform:scale(1.06);box-shadow:0 20px 45px #000000e6,0 0 35px #00e5ff59;border-color:var(--primary-accent, #00e5ff)}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:11px;background:#1f2633;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:10;display:flex;justify-content:center;align-items:center}.phone-notch:before{content:"";width:16px;height:3px;background:#0d1117;border-radius:2px}.phone-screen{width:100%;height:100%;background:#0d1117;overflow:hidden;display:flex;align-items:center;justify-content:center}.phone-screen img.mobile-img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:0}.project-container.baya3-desktop-container{position:relative;width:100%;height:380px;overflow:hidden;background:#0f172a}.baya3-iframe{width:250%;height:250%;border:none;background:#0f172a;transform:scale(.4);transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .45s ease}.project-container.baya3-desktop-container:before{content:"";position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;color:#94a3b8d9;font-family:Space Grotesk,sans-serif;font-size:.68rem;letter-spacing:1.2px;text-transform:uppercase;background:radial-gradient(circle at 50% 50%,#00e5ff12,#0a0e17eb 78%);pointer-events:none;opacity:1;transition:opacity .35s ease}.project-container.baya3-desktop-container.is-live:before{opacity:0}.project-container.baya3-desktop-container.is-live .baya3-iframe{opacity:1}.portfolio-grid>.browser-window{content-visibility:auto;contain-intrinsic-size:auto 420px}.mobile-apps-row{display:flex;justify-content:center;align-items:stretch;gap:30px;max-width:1200px;margin:40px auto 0;width:100%}.mobile-apps-row .browser-window.mobile-app-card{flex:1;max-width:560px;height:500px;background:linear-gradient(160deg,#131926,#0b0f17);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 45px #000000b3;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;overflow:hidden}.mobile-apps-row .browser-window.mobile-app-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00e5ff26,0 0 30px #00e5ff14;border-color:#00e5ff59}.project-container.mobile-frame-wrapper{height:calc(100% - 46px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 16px;background:radial-gradient(circle at 50% 30%,#00e5ff0a,#0000 70%)}.igp-trio-card .project-container.mobile-frame-wrapper{height:calc(100% - 74px)}.ayadina-dual-stage{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;margin:0 auto}.ayadina-phone-side{display:flex;flex-direction:column;align-items:center;gap:10px;width:38%}.ayadina-phone-side .phone-frame-mockup.single-phone{width:125px;height:230px;background:#090c10;border:4px solid #232a3b;border-radius:25px;box-shadow:0 15px 35px #000000d9;position:relative;overflow:hidden;flex-shrink:0;cursor:pointer!important;transition:transform .35s ease,border-color .35s,box-shadow .35s;z-index:5}.ayadina-phone-side .phone-frame-mockup.single-phone:hover{transform:translateY(-6px);border-color:#00f3ff;box-shadow:0 20px 45px #000000e6,0 0 25px #00f3ff59}.ayadina-sub-group{margin-top:4px;display:flex;gap:4px;justify-content:center;flex-wrap:wrap;position:relative;z-index:20}.subapp-btn.admin-btn{background:#ffbd2e26;color:#ffbd2e;border:1px solid rgba(255,189,46,.3)}.subapp-btn.admin-btn:hover{background:#ffbd2e;color:#000;box-shadow:0 2px 10px #ffbd2e66}.ayadina-dashboard-side{display:flex;flex-direction:column;align-items:center;gap:10px;width:58%}.admin-browser-mockup{width:100%;height:230px;background:#0d1117;border:3px solid #232a3b;border-radius:10px;box-shadow:0 15px 35px #000c,inset 0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;cursor:pointer!important;transition:transform .35s ease,border-color .35s,box-shadow .35s;z-index:5}.admin-browser-mockup:hover{transform:translateY(-6px);border-color:#06f;box-shadow:0 18px 40px #000000e6,0 0 20px #0066ff59}.mockup-bar{background:#111622;padding:3px 8px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);height:20px;gap:8px}.dots-mini{display:flex;gap:4px;align-items:center}.dots-mini .dot{width:6px;height:6px;border-radius:50%}.dots-mini .dot.red{background:#ff5f56}.dots-mini .dot.yellow{background:#ffbd2e}.dots-mini .dot.green{background:#27c93f}.mockup-url-bar{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:1px 8px;font-size:.52rem;font-family:Space Grotesk,monospace;color:#ffffff80;display:flex;align-items:center;gap:4px}.mockup-screen{width:100%;height:calc(100% - 20px);background:#090d14;overflow:hidden}.mockup-screen img.dashboard-img{width:100%;height:100%;object-fit:fill;transition:transform .4s ease}.admin-browser-mockup:hover img.dashboard-img{transform:scale(1.02)}.card-bottom-actions.centered-only{display:flex;justify-content:center;width:100%;margin-bottom:5px}.center-more-btn{padding:8px 22px!important;font-size:.78rem!important;border-radius:8px!important}.stage-label{font-size:.65rem;font-family:Space Grotesk,sans-serif;font-weight:700;color:#00f3ff;background:#00f3ff1a;border:1px solid rgba(0,243,255,.2);padding:3px 9px;border-radius:6px;margin:0;display:inline-flex;align-items:center;gap:4px}.stage-label.admin-label{color:#ffbd2e;background:#ffbd2e1a;border-color:#ffbd2e33}.phone-glass-shine{position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);pointer-events:none;z-index:10}.phone-platform-glow{width:140px;height:12px;background:radial-gradient(ellipse at center,#00f3ff59,#0000 75%);border-radius:50%;margin-top:14px;filter:blur(4px);transition:opacity .4s}.card-bottom-actions{display:flex;gap:10px;justify-content:center;width:100%;margin-bottom:5px}.action-btn{padding:8px 18px!important;font-size:.78rem!important;border-radius:8px!important;text-decoration:none}.igp-trio-card{position:relative}.igp-roles-bar{background:#0d121c;padding:6px 14px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.hover-hint-text{font-size:.65rem;font-family:Space Grotesk,sans-serif;color:var(--primary-accent, #00e5ff);letter-spacing:.5px;display:flex;align-items:center;gap:6px}.triple-phone-container{position:relative;width:100%;max-width:520px;height:330px;display:flex;justify-content:center;align-items:center;margin:0 auto}.iphone-mockup{position:absolute;width:120px;height:240px;background:#090c10;border:4px solid #232a3b;border-radius:24px;box-shadow:0 15px 35px #000000d9,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:visible;text-decoration:none;transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .3s,filter .4s}.iphone-mockup .phone-screen{width:100%;height:100%;border-radius:20px;overflow:hidden;background:#0d1117;display:flex;align-items:center;justify-content:center;position:relative}.dynamic-island{position:absolute;top:4px;left:50%;transform:translate(-50%);width:32px;height:9px;background:#000;border-radius:10px;z-index:20;box-shadow:0 0 4px #000000e6}.triple-phone-container .phone-left{transform:translate(-50px) scale(.86) rotate(-7deg);z-index:1;border:4px solid #232a3b;filter:brightness(.78)}.triple-phone-container .phone-center{transform:translate(0) scale(1) rotate(0);z-index:3;border:4px solid #283144;box-shadow:0 20px 45px #000000e6,0 0 25px #00e5ff26;filter:brightness(1)}.triple-phone-container .phone-right{transform:translate(50px) scale(.86) rotate(7deg);z-index:2;border:4px solid #232a3b;filter:brightness(.78)}.iphone-app-desc{position:absolute;bottom:-44px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;text-align:center;pointer-events:auto;opacity:0;transition:opacity .35s ease,transform .35s ease}.phone-center .iphone-app-desc{opacity:1}.phone-left .iphone-app-desc,.phone-right .iphone-app-desc{opacity:0;pointer-events:none}.igp-trio-card:hover .phone-left,.igp-trio-card:active .phone-left{transform:translate(-150px) scale(.96) rotate(0);filter:brightness(1);border-color:#283144}.igp-trio-card:hover .phone-center,.igp-trio-card:active .phone-center{transform:translate(0) scale(1.02) rotate(0);filter:brightness(1);border-color:#00f3ff}.igp-trio-card:hover .phone-right,.igp-trio-card:active .phone-right{transform:translate(150px) scale(.96) rotate(0);filter:brightness(1);border-color:#283144}.igp-trio-card:hover .phone-left .iphone-app-desc,.igp-trio-card:hover .phone-right .iphone-app-desc,.igp-trio-card:active .phone-left .iphone-app-desc,.igp-trio-card:active .phone-right .iphone-app-desc{opacity:1;pointer-events:auto}.phone-left:hover{transform:translate(-150px) translateY(-5px) scale(1.02) rotate(0)!important;border-color:#ffbd2e!important;box-shadow:0 20px 45px #000000e6,0 0 25px #ffbd2e4d!important}.phone-center:hover{transform:translate(0) translateY(-5px) scale(1.06) rotate(0)!important;border-color:#00f3ff!important;box-shadow:0 25px 50px #000000e6,0 0 30px #00f3ff59!important}.phone-right:hover{transform:translate(150px) translateY(-5px) scale(1.02) rotate(0)!important;border-color:#00ff9d!important;box-shadow:0 20px 45px #000000e6,0 0 25px #00ff9d4d!important}.app-role-title{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:15;font-size:.62rem;font-family:Space Grotesk,sans-serif;font-weight:800;padding:2px 8px;border-radius:6px;letter-spacing:.4px;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px #0009}.app-role-title.provider{color:#ffbd2e;background:#ffbd2e26;border:1px solid rgba(255,189,46,.3)}.app-role-title.customer{color:#00f3ff;background:#00f3ff26;border:1px solid rgba(0,243,255,.3)}.app-role-title.manager{color:#00ff9d;background:#00ff9d26;border:1px solid rgba(0,255,157,.3)}.subapp-buttons-group{display:flex;gap:5px;margin-top:4px;pointer-events:auto}.subapp-btn{padding:4px 10px;font-size:.62rem;font-family:Space Grotesk,sans-serif;font-weight:700;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;cursor:pointer!important;transition:all .2s ease;border:none}.subapp-btn.store{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.subapp-btn.store:hover{background:#00f3ff;color:#000;border-color:#00f3ff;box-shadow:0 2px 8px #00f3ff66}.subapp-btn.details{background:#00f3ff26;color:#00f3ff;border:1px solid rgba(0,243,255,.3)}.subapp-btn.details:hover{background:#00f3ff;color:#000;box-shadow:0 2px 8px #00f3ff66}@media(min-width:601px){.subapp-btn{min-height:0;min-width:0;height:auto;padding:6px 10px;font-size:.66rem;line-height:1;border-radius:8px;gap:5px}.subapp-btn i{font-size:.7rem;line-height:1}}.browser-window.igp-trio-card:hover .project-img,.browser-window.mobile-app-card:hover .project-img,.browser-window.igp-trio-card:hover .mobile-img,.browser-window.mobile-app-card:hover .mobile-img{filter:none!important;opacity:1!important}.browser-window.igp-trio-card .overlay{display:none!important}@media(max-width:860px){.mobile-apps-row{flex-direction:column;gap:30px}.mobile-apps-row .browser-window.mobile-app-card{max-width:100%;height:auto;min-height:auto}.triple-phone-container{width:100%;max-width:340px}}@media(max-width:600px){.browser-window.ayadina-card{height:auto!important;min-height:auto!important;overflow:hidden!important}.project-container.ayadina-wrapper{height:auto!important;min-height:auto!important;padding:20px 12px 24px!important;align-items:flex-start!important;overflow:hidden!important;border-radius:0 0 16px 16px!important}.ayadina-dual-stage{flex-direction:column!important;align-items:center!important;gap:26px!important;width:100%!important;margin:0 auto!important}.ayadina-phone-side{width:100%!important;max-width:280px!important;flex-direction:column!important;align-items:center!important}.ayadina-phone-side .phone-frame-mockup.single-phone{width:130px!important;height:260px!important;margin:0 auto!important}.ayadina-dashboard-side{width:100%!important;max-width:340px!important}.admin-browser-mockup{height:190px!important;width:100%!important}.igp-trio-card .project-container.trio-wrapper{height:auto!important;min-height:0!important;padding:20px 0 44px!important;overflow:hidden!important}.triple-phone-container{height:200px!important;width:100%!important;max-width:330px!important;transform:none!important;margin:0 auto!important;position:relative!important}.triple-phone-container .iphone-mockup{width:92px!important;height:184px!important;border-radius:18px!important;border-width:3px!important}.triple-phone-container .dynamic-island{width:24px!important;height:6px!important;top:3px!important}.triple-phone-container .phone-left{transform:translate(-95px) scale(.94) rotate(0)!important;filter:brightness(1)!important;z-index:2!important;border-color:#283144!important}.triple-phone-container .phone-center{transform:translate(0) scale(1) rotate(0)!important;filter:brightness(1)!important;z-index:3!important;border-color:#00f3ff!important;box-shadow:0 10px 25px #000c,0 0 15px #00f3ff33!important}.triple-phone-container .phone-right{transform:translate(95px) scale(.94) rotate(0)!important;filter:brightness(1)!important;z-index:2!important;border-color:#283144!important}.phone-left .iphone-app-desc,.phone-right .iphone-app-desc{display:none!important}.iphone-app-desc{opacity:1!important;bottom:-46px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;z-index:10!important}.app-role-title{font-size:.5rem!important;padding:2px 5px!important;bottom:6px!important;white-space:nowrap!important}.subapp-buttons-group{flex-direction:row!important;gap:8px!important;align-items:center!important;width:auto!important;margin-top:0!important}.subapp-btn{width:auto!important;min-height:0!important;min-width:0!important;padding:9px 16px!important;font-size:.64rem!important;border-radius:8px!important;justify-content:center!important;box-sizing:border-box!important}.ayadina-sub-group{flex-direction:row!important;width:auto!important;gap:8px!important}.ayadina-sub-group .subapp-btn{width:auto!important}}@media(max-width:480px){.triple-phone-container{height:188px!important;max-width:300px!important}.triple-phone-container .iphone-mockup{width:86px!important;height:172px!important;border-radius:16px!important}.triple-phone-container .phone-left{transform:translate(-89px) scale(.94) rotate(0)!important}.triple-phone-container .phone-center{transform:translate(0) scale(1) rotate(0)!important}.triple-phone-container .phone-right{transform:translate(89px) scale(.94) rotate(0)!important}.iphone-app-desc{bottom:-44px!important}.app-role-title{font-size:.46rem!important;padding:2px 4px!important}.subapp-btn{padding:8px 13px!important;font-size:.6rem!important}.ayadina-sub-group{gap:6px!important}}.side-social-bar{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;background:#0a0e17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,243,255,.3);border-radius:40px;box-shadow:0 15px 35px #000000b3,0 0 25px #00f3ff33;z-index:9999;opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .4s ease,visibility .4s ease}.side-social-bar.dock-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-50%) translate(-80px)!important}.side-social-bar .social-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.05rem;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.side-social-bar .social-icon.lang-toggle{font-family:Space Grotesk,Cairo,sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.5px;color:#00f3ff;border-color:#00f3ff4d}.side-social-bar .social-icon:hover{transform:scale(1.18) translate(3px);background:#00f3ff2e;color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 18px #00f3ff99}.side-social-bar .social-icon.theme-toggle:hover{color:#ffbd2e;border-color:#ffbd2e;box-shadow:0 0 18px #ffbd2e99}.side-social-bar .social-icon i{transition:transform .3s ease}.side-social-bar .social-icon:hover i{transform:scale(1.1)}@media(max-width:768px){.side-social-bar{left:50%!important;top:auto!important;bottom:18px!important;transform:translate(-50%)!important;flex-direction:row!important;padding:8px 14px!important;gap:10px!important;border-radius:40px!important}.side-social-bar.dock-hidden{transform:translate(-50%) translateY(80px)!important}.side-social-bar .social-icon{width:36px!important;height:36px!important;font-size:.95rem!important}}#preloader{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#090c10;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}#preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.minimal-preloader{width:90%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center}.preloader-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.brand-monogram{font-family:Space Grotesk,Oswald,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:4px;margin-bottom:4px}.brand-tagline{font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:700;color:var(--primary-accent, #00e5ff);letter-spacing:2px;text-transform:uppercase}.preloader-progress-track{width:100%;height:2px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:16px;position:relative}.preloader-progress-track .status-bar{height:100%;width:0%;background:var(--primary-accent, #00e5ff);box-shadow:0 0 10px #00e5ffcc;transition:width .15s ease-out}.preloader-info-row{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-family:Space Grotesk,sans-serif;color:#64748b}.vscode-status-log{color:#94a3b8;font-weight:500;letter-spacing:.5px}.preloader-percent-num{color:#fff;font-weight:700;font-family:Orbitron,sans-serif}#scrollTopBtn{position:fixed;bottom:25px;right:25px;width:44px;height:44px;background:#0a0e17d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,243,255,.4);color:#00f3ff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;z-index:999;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000080,0 0 15px #00f3ff33}#scrollTopBtn.visible{opacity:1;pointer-events:auto}#scrollTopBtn:hover{background:#00f3ff;color:#090c10;transform:translateY(-4px) scale(1.1);box-shadow:0 6px 25px #00f3ff99}@media(max-width:768px){body{padding-bottom:80px}.ui-layer{padding:1.5rem 1.2rem}.headline{font-size:clamp(2.2rem,8.5vw,4rem)!important;letter-spacing:1px}.logo-text{font-size:1.2rem}.side-social-bar{left:50%!important;top:auto!important;bottom:16px!important;transform:translate(-50%)!important;flex-direction:row!important;padding:6px 12px!important;border-radius:30px!important;gap:8px!important;max-width:94vw!important;width:max-content!important;box-shadow:0 10px 30px #000000e6,0 0 20px #00f3ff4d!important;z-index:999;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .4s ease!important}.side-social-bar.dock-hidden{transform:translate(-50%) translateY(120px)!important;opacity:0!important;pointer-events:none!important}.side-social-bar .social-icon{width:38px!important;height:38px!important;font-size:.9rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.side-social-bar .social-icon:hover{transform:scale(1.15) translateY(-2px)!important}.floating-terminal-btn{bottom:70px!important;left:16px!important;width:44px!important;height:44px!important;font-size:1.1rem!important;box-shadow:0 0 15px #00e5ff66!important;z-index:1000!important}#scrollTopBtn,.scroll-to-top,.cta-container,.whatsapp-btn{display:none!important}.contact-section{padding-bottom:105px!important}.browser-header{padding:6px 10px!important;min-height:32px!important}.header-info{font-size:.68rem!important;height:20px!important;line-height:20px!important}.project-name,.tech-stack{line-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important}.ide-titlebar{flex-wrap:wrap!important;padding:10px 12px!important;gap:8px!important;justify-content:space-between!important}.ide-title-text{font-size:.78rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:160px!important}.ide-actions-row{margin-left:auto!important}.modal-content{width:92%!important;max-width:500px!important;max-height:85dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:24px 16px 20px!important;border-radius:16px!important}.terminal-window{width:94%!important;max-width:480px!important;max-height:75dvh!important;height:75dvh!important;padding:0!important;border-radius:14px!important}.terminal-body{font-size:.82rem!important;padding:14px 10px!important}.prompt{font-size:.72rem!important;margin-right:6px!important}.modal-close{top:10px!important;right:10px!important;width:36px!important;height:36px!important;font-size:1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-gallery img{height:auto!important;max-width:100%!important;max-height:45dvh!important;object-fit:contain!important;border-radius:8px!important}.github-contributions-container{padding:0 12px!important;margin-top:40px!important}.github-contributions-wrapper{padding:16px 12px!important;border-radius:12px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.github-contributions-image{min-width:600px!important;max-width:none!important}.portfolio-bg-code,.tech-floater{display:none!important}.fullscreen-menu .menu-content{flex-direction:column!important;padding:30px 16px!important;overflow-y:auto!important;max-height:90vh!important;gap:20px!important}.fullscreen-menu .menu-left{display:none!important}.fullscreen-menu .menu-right{width:100%!important;text-align:center!important}.main-nav-links .nav-link{font-size:1.8rem!important;margin-bottom:10px!important}.ide-main *,.mock-action-btn,.gauge-unit,.c-tag,.file-item{font-size:max(12px,.75rem)}.values-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:10px!important;padding-bottom:10px!important;-webkit-overflow-scrolling:touch}.value-tab{white-space:nowrap!important;flex-shrink:0!important}}@media(max-width:480px){.headline{font-size:clamp(1.8rem,7.5vw,2.8rem)!important}.about-title-large{font-size:clamp(3rem,11vw,4.5rem)!important;text-align:center!important}.about-subtitle{font-size:.92rem!important;text-align:center!important}.float-code{display:none!important}.about-image-wrapper{max-width:100%!important;padding:0 10px}.about-img{width:100%!important;max-width:450px!important;height:auto!important;max-height:300px!important;object-fit:contain!important;display:block!important;margin:0 auto!important;border-radius:16px!important}.triple-phone-container{transform:scale(.72)!important;transform-origin:center top!important;margin:0 auto -60px!important;max-width:100%!important}.ayadina-stage-wrapper{flex-direction:column!important;gap:15px!important;align-items:center!important}.ayadina-phone-side,.ayadina-admin-side{width:100%!important;max-width:280px!important}.ide-titlebar{flex-wrap:wrap!important;gap:10px!important;padding:10px 14px!important;row-gap:8px!important}.ide-title-text{font-size:.75rem!important;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-actions-row{gap:10px!important;width:100%!important;justify-content:space-between!important;padding-top:6px!important;border-top:1px solid rgba(255,255,255,.06)!important}.ide-view-toggle{gap:6px!important}.toggle-label{font-size:.72rem!important}.ide-action-btn{min-width:32px!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ide-main{flex-direction:column!important}.ide-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:8px 10px!important;overflow:hidden!important}.sidebar-header{margin-bottom:6px!important;padding:0 4px!important}.file-list{display:flex!important;flex-direction:row!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:4px 2px 10px!important;gap:8px!important;-webkit-overflow-scrolling:touch;width:100%!important}.file-item{flex-shrink:0!important;white-space:nowrap!important;padding:8px 14px!important;border-radius:8px!important;background:#ffffff0a!important;border-left:none!important;border-bottom:2px solid transparent!important;font-size:.82rem!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.file-item.active{border-bottom:2px solid var(--primary-accent)!important;background:#00e5ff1f!important;color:var(--primary-accent)!important}.mockup-phone{transform:scale(.85)!important;margin:0 auto!important}.browser-window,.mobile-app-card,.igp-trio-card,.ayadina-card{margin-bottom:35px!important}.portfolio-grid{display:flex!important;flex-direction:column!important;gap:30px!important}.value-tab{font-size:.92rem!important;padding:10px 16px!important;font-weight:700!important}.value-text{font-size:1.08rem!important;line-height:1.65!important;padding:18px 12px!important}.stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}.stat-card{width:100%!important;max-width:100%!important;padding:20px 10px!important}.stat-number{font-size:2.2rem!important}.stat-label{font-size:.85rem!important;color:#ccc!important}section,.about-section,.values-section,.portfolio-section,.stats-section,.services-grid-section,.education-section{padding-top:35px!important;padding-bottom:35px!important}.panel-code-view{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important}.code-content{white-space:pre-wrap!important;word-break:break-word!important}.contact-buttons{justify-content:center!important;width:100%!important}.contact-btn{width:100%!important;justify-content:center!important}.cta-container,.whatsapp-btn{display:none!important}}.values-scroll-wrapper{position:relative;display:flex;align-items:center;width:100%;overflow:hidden}.scroll-hint-arrow{display:none;color:var(--primary-accent);font-size:1rem;padding:8px 6px;flex-shrink:0;z-index:10;animation:pulseArrow 1.4s ease-in-out infinite alternate;cursor:pointer;user-select:none}@keyframes pulseArrow{0%{opacity:.4;transform:translate(0)}to{opacity:1;transform:translate(3px)}}.scroll-hint-arrow.left{animation-direction:alternate-reverse}@media(max-width:768px){.values-scroll-wrapper{gap:6px;padding:0 4px;position:relative;width:100%}.scroll-hint-arrow{display:flex;align-items:center;justify-content:center;padding:6px 2px;font-size:.85rem;flex-shrink:0;z-index:10}.values-scroll-wrapper .values-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;padding:6px 2px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0}.values-scroll-wrapper .values-nav::-webkit-scrollbar{display:none}.value-tab{flex-shrink:0!important;white-space:nowrap!important;font-size:.82rem!important;padding:8px 14px!important;border-radius:20px!important}.values-scroll-wrapper:before,.values-scroll-wrapper:after{display:none!important}}.skip-link{position:absolute;top:-100px;left:15px;background:#00e5ff;color:#000;font-weight:700;padding:12px 24px;border-radius:0 0 8px 8px;z-index:100000;transition:top .2s ease-in-out;text-decoration:none;font-size:.95rem;box-shadow:0 5px 20px #00e5ff66}.skip-link:focus{top:0;outline:3px solid #fff}:focus-visible{outline:2px solid var(--primary-cyan, #00e5ff)!important;outline-offset:3px!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#bg-video{display:none!important}.marquee-track,.marquee-content{animation:none!important}.cursor-dot,.cursor-ring{display:none!important}}button,a,input,select,.menu-icon,.social-icon,.value-tab,.file-item{min-height:44px;min-width:44px}.hero-tagline{font-family:Space Grotesk,sans-serif;font-size:1.15rem;color:#cfd8dc;max-width:750px;margin:18px auto 28px;text-align:center;line-height:1.6;letter-spacing:.4px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-cta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap;margin-top:38px;z-index:10}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:25px;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:all .3s cubic-bezier(.165,.84,.44,1);box-sizing:border-box}.hero-btn i{font-size:.8rem}.hero-btn.primary-btn{background:#00e5ff38;color:#fff;border:1px solid rgba(0,229,255,.6);box-shadow:0 6px 20px #00e5ff33;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hero-btn.primary-btn:hover{background:#00e5ff59;border-color:#00e5ff;transform:translateY(-2px);box-shadow:0 10px 28px #00e5ff66}.hero-btn.secondary-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.25);text-shadow:0 1px 4px rgba(0,0,0,.8)}.hero-btn.secondary-btn:hover{background:#ffffff29;border-color:#ffffff80;transform:translateY(-2px)}@media(max-width:768px){.hero-tagline{font-size:.92rem;padding:0 15px}.hero-cta-buttons{flex-direction:row!important;width:100%;max-width:380px;padding:0 12px;margin-top:32px;gap:10px}.hero-btn{flex:1;max-width:170px;padding:9px 12px;font-size:.78rem;border-radius:20px;white-space:nowrap}}.scroll-indicator{bottom:1rem!important}.marquee-section{padding:10px 0!important;margin-top:0!important}.marquee-item{font-family:Space Grotesk,Oswald,sans-serif!important;font-size:1.35rem!important;font-weight:800!important;letter-spacing:1.5px!important;padding:8px 24px!important}.marquee-item:after,.marquee-item:before{display:none!important;content:none!important}@media(max-width:768px){.scroll-indicator{bottom:.6rem!important;font-size:1.5rem!important}.marquee-section{padding:8px 0!important}.marquee-item{font-size:1.05rem!important;font-weight:800!important;letter-spacing:.5px!important;padding:4px 8px!important}}