:root{--font-mono: "Courier New", Courier, monospace;--font-arabic: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-inter: "Inter", system-ui, -apple-system, sans-serif}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#000;color:#eee;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-mono)}input,textarea,select,button{font-family:inherit}[dir=rtl]{letter-spacing:0!important;line-height:1.8}body.client-mode{font-family:var(--font-inter)}body.client-mode[dir=rtl]{font-family:var(--font-arabic)}a{color:inherit;text-decoration:none}@media(max-width:768px){body{font-size:14px}.business-header{display:none!important}.os-dock{flex-wrap:nowrap!important;justify-content:space-around!important;width:100%!important;padding:.8rem .5rem 1.5rem!important;bottom:0!important;border-radius:20px 20px 0 0!important;border-bottom:none!important;border-left:none!important;border-right:none!important;background:#121212e6!important}.dock-icon{width:auto!important;height:auto!important;font-size:1.2rem!important}.dock-icon span{display:none!important}.dock-icon.active span{display:block!important;opacity:1!important;transform:none!important;margin-top:4px;font-size:.65rem!important}.terminal-box{padding:3.5em 1em 1em!important;font-size:1em!important}}@media(max-width:400px){body{font-size:13px}.dock-icon svg{font-size:1.2rem!important}.dock-icon{width:2.5rem!important;height:2.5rem!important}.terminal-box{padding:3.2em .8em .8em!important;font-size:.9em!important}}.custom-scrollbar-dev::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar-dev::-webkit-scrollbar-track{background:#111;border-radius:4px}.custom-scrollbar-dev::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.custom-scrollbar-dev::-webkit-scrollbar-thumb:hover{background:#0f0}.custom-scrollbar-client::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar-client::-webkit-scrollbar-track{background:#f5f5f7;border-radius:4px}.custom-scrollbar-client::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.custom-scrollbar-client::-webkit-scrollbar-thumb:hover{background:#007aff}.contact-dev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%}@media(max-width:650px){.contact-dev-grid{grid-template-columns:1fr;gap:1.5rem}}.terminal-loader{border:.1em solid #333;background-color:#1a1a1a;color:#0f0;font-family:Courier New,Courier,monospace;font-size:1em;padding:1.5em 1em;width:80%;box-shadow:0 4px 8px #0003;border-radius:4px;position:relative;overflow:hidden;box-sizing:border-box}.terminal-header{position:absolute;top:0;left:0;right:0;height:1.5em;background-color:#333;border-top-left-radius:4px;border-top-right-radius:4px;padding:0 .4em;box-sizing:border-box}.terminal-controls{float:right}.control{display:inline-block;width:.6em;height:.6em;margin-left:.4em;border-radius:50%;background-color:#777}.control.close{background-color:#e33}.control.minimize{background-color:#ee0}.control.maximize{background-color:#0b0}.terminal-title{float:left;line-height:1.5em;color:#eee}.text{display:inline-block;white-space:nowrap;overflow:hidden;border-right:.2em solid green;margin-top:1.5em}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}.desktop-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;box-sizing:border-box}.window-area{width:100%;max-width:900px;height:70vh;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:5rem}.window-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.os-dock{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#121212cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #333;padding:.8rem 1.5rem;border-radius:20px;display:flex;gap:1.5rem;align-items:center;box-shadow:0 10px 30px #00000080;z-index:1000}.dock-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#888;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);outline:none;padding:0}.dock-icon svg{font-size:2rem;transition:transform .3s ease}.dock-icon span{font-size:.75rem;font-family:Courier New,Courier,monospace;opacity:0;transform:translateY(5px);transition:all .3s ease;pointer-events:none}.dock-icon:hover{color:#fbca1f}.dock-icon:hover svg{transform:scale(1.2) translateY(-5px)}.dock-icon:hover span{opacity:1;transform:translateY(0)}.dock-icon.active{color:#1cdb4c}.dock-icon.active svg{transform:scale(1.1)}.dock-icon.active span{opacity:1;transform:translateY(0)}@media(max-width:768px){.window-area{height:75vh;margin-bottom:6rem}}@media(max-width:400px){.desktop-container{padding:1rem}.window-area{height:78vh;margin-bottom:5rem}}.terminal-box{border:.1em solid #3a3a3a;background-color:#121212;color:#1cdb4c;font-family:var(--font-mono);font-size:1.05em;padding:3.5em 2em 2em;box-shadow:0 8px 24px #0009;border-radius:8px;position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;transition:all .3s ease}.terminal-header{position:absolute;top:0;left:0;right:0;height:1.8em;background-color:#2a2a2a;border-top-left-radius:8px;border-top-right-radius:8px;padding:0 .8em;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.terminal-title{font-size:.85em;color:#ccc;-webkit-user-select:none;user-select:none;letter-spacing:.5px}.terminal-controls{display:flex;gap:.5em}.control{display:inline-block;width:.7em;height:.7em;border-radius:50%;background-color:#555;transition:transform .2s ease,filter .2s ease;cursor:pointer}.control:hover{transform:scale(1.2);filter:brightness(1.3)}.control.close{background-color:#ff5f56}.control.minimize{background-color:#ffbd2e}.control.maximize{background-color:#27c93f}.terminal-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.typing-line{display:inline-block;white-space:nowrap;overflow:hidden;border-right:.2em solid green;animation:blinkCursor .5s step-end infinite alternate}.typing-animate{animation:typeAndDelete 4s steps(20) infinite,blinkCursor .5s step-end infinite alternate}@keyframes blinkCursor{50%{border-right-color:transparent}}@keyframes blinkBlock{0%,to{opacity:1}50%{opacity:0}}@keyframes typeAndDelete{0%,10%{width:0}45%,55%{width:100%}90%,to{width:0}}
