:root,[data-theme=dark]{--bg: #0a0e14;--bg-soft: #0e131b;--panel: #101620;--panel-header: #151c28;--border: #1e2735;--border-bright: #2c3a4f;--text: #c8d3e0;--text-dim: #7d8b9f;--text-faint: #4d5a6c;--heading: #e8eef5;--green: #5af78e;--green-dim: #2ea35c;--cyan: #57c7ff;--yellow: #f3f99d;--magenta: #ff6ac1;--red: #ff5c57;--orange: #ffb86c;--accent: var(--green);--accent-contrast: #06140b;--link: var(--cyan);--selection-bg: rgba(90, 247, 142, .25);--shadow: 0 16px 48px rgba(0, 0, 0, .5);--glow: 0 0 24px rgba(90, 247, 142, .12);--dot-red: #ff5f56;--dot-yellow: #ffbd2e;--dot-green: #27c93f}[data-theme=light]{--bg: #f4f2ec;--bg-soft: #edeae2;--panel: #fbfaf6;--panel-header: #efece3;--border: #ddd8ca;--border-bright: #c9c2af;--text: #3a4350;--text-dim: #6e7886;--text-faint: #9aa3b0;--heading: #1c2430;--green: #1a7f43;--green-dim: #2ea35c;--cyan: #0e7490;--yellow: #a16207;--magenta: #be3a8c;--red: #cc3b36;--orange: #c2620e;--accent: var(--green);--accent-contrast: #ffffff;--link: var(--cyan);--selection-bg: rgba(26, 127, 67, .18);--shadow: 0 12px 36px rgba(60, 50, 30, .12);--glow: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);color:var(--text);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}::selection{background:var(--selection-bg)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font-family:inherit}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:9999;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.06) 3px);opacity:.5}[data-theme=light] .scanlines{display:none}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:3.75rem}.logo{font-weight:700;color:var(--heading);font-size:.95rem;letter-spacing:.02em}.logo:hover{text-decoration:none}.logo .logo-prompt{color:var(--accent)}.logo .logo-tilde{color:var(--text-dim)}.logo .cursor-blink{display:inline-block;width:.55em;height:1.1em;background:var(--accent);vertical-align:text-bottom;margin-left:2px;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-dim);font-size:.85rem}.nav-links a:before{content:"./";color:var(--text-faint)}.nav-links a:hover{color:var(--accent);text-decoration:none}.nav-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);font-size:.78rem;padding:.35rem .65rem;cursor:pointer;transition:all .15s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:2.2rem;height:2.2rem;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:.45rem}.hamburger span{display:block;height:2px;width:100%;background:var(--text-dim);transition:transform .2s ease,opacity .2s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:3.75rem;z-index:99}.mobile-nav.open{display:flex}.mobile-nav a{padding:.85rem 1.25rem;color:var(--text-dim);font-size:.9rem;border-top:1px solid var(--border)}.mobile-nav a:before{content:"./";color:var(--text-faint)}.mobile-nav a:hover{color:var(--accent);background:var(--bg-soft);text-decoration:none}.term-window{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin:2.5rem 0}.term-titlebar{display:flex;align-items:center;gap:.75rem;background:var(--panel-header);border-bottom:1px solid var(--border);padding:.6rem 1rem}.term-dots{display:flex;gap:7px}.term-dots span{width:12px;height:12px;border-radius:50%}.term-dots span:nth-child(1){background:var(--dot-red)}.term-dots span:nth-child(2){background:var(--dot-yellow)}.term-dots span:nth-child(3){background:var(--dot-green)}.term-title{font-size:.75rem;color:var(--text-dim);flex:1;text-align:center;margin-right:3.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-body{padding:1.75rem}.prompt-line{display:flex;flex-wrap:wrap;gap:.5ch;font-size:.9rem;margin-bottom:1.1rem}.prompt-line .p-user{color:var(--green);font-weight:600}.prompt-line .p-path{color:var(--cyan)}.prompt-line .p-sym{color:var(--text-dim)}.prompt-line .p-cmd{color:var(--heading);font-weight:600}.prompt-line .p-arg{color:var(--yellow)}.term-comment{color:var(--text-faint);font-size:.85rem}.hero{padding:3.5rem 0 .5rem}.hero .term-window{margin-top:0}.hero-inner{display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:center}.hero-name{font-size:clamp(1.8rem,5vw,2.6rem);color:var(--heading);font-weight:800;line-height:1.2;margin:.25rem 0 .75rem;letter-spacing:-.02em}.hero-name .accent{color:var(--accent)}.hero-tagline{color:var(--text-dim);font-size:.95rem;max-width:46ch}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.1rem 0 1.5rem}.hero-tag{font-size:.75rem;color:var(--cyan);border:1px solid var(--border-bright);border-radius:999px;padding:.2rem .7rem;background:var(--bg-soft)}.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.hero-photo img{width:200px;height:200px;object-fit:cover;border-radius:10px;border:1px solid var(--border-bright);filter:saturate(.92)}.hero-photo{position:relative}.hero-photo:after{content:"ahmed.jpg";position:absolute;bottom:.5rem;right:.5rem;font-size:.65rem;color:var(--text);background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--border);border-radius:4px;padding:.1rem .45rem}.typed{overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);width:0;animation:typing 1.4s steps(24,end) .3s forwards,caret 1.1s steps(1) infinite}@keyframes typing{to{width:100%}}@keyframes caret{50%{border-color:transparent}}.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;padding:.6rem 1.1rem;border-radius:6px;border:1px solid var(--border-bright);background:var(--bg-soft);color:var(--text);cursor:pointer;transition:all .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:var(--glow)}.btn-primary:hover{color:var(--accent-contrast);filter:brightness(1.1)}.btn-youtube:hover{border-color:var(--red);color:var(--red)}.section{padding:.5rem 0}.section-heading{font-size:1.15rem;color:var(--heading);font-weight:700;margin-bottom:.4rem}.about-text{max-width:64ch;color:var(--text);font-size:.92rem}.about-text a{color:var(--link);border-bottom:1px dashed var(--link)}.about-text a:hover{text-decoration:none;border-bottom-style:solid}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);padding:1rem 1.2rem;font-size:.85rem;transition:border-color .15s ease,transform .15s ease}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stat-label{color:var(--magenta)}.stat-label:after{content:":";color:var(--text-dim)}.stat-value{color:var(--heading);font-weight:600;margin-top:.2rem}.stat-value:before{content:'"';color:var(--text-faint)}.stat-value:after{content:'"';color:var(--text-faint)}.youtube-description{max-width:58ch;font-size:.92rem;margin-bottom:1.4rem}.youtube-description strong{color:var(--red)}.ascii-block{font-size:.8rem;line-height:1.5;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;margin-bottom:1.4rem;white-space:pre}.ascii-block .hl{color:var(--accent)}.booking-wrapper{display:grid;grid-template-columns:minmax(0,420px);justify-content:start;margin-top:.5rem}.booking-card{border:1px solid var(--border-bright);border-radius:10px;background:var(--bg-soft);padding:1.6rem;position:relative;transition:border-color .15s ease}.booking-card:hover{border-color:var(--accent)}.booking-card-title{font-size:1rem;color:var(--heading);font-weight:700}.booking-card-title:before{content:"❯ ";color:var(--accent)}.booking-price{margin:.9rem 0 .15rem}.booking-price-amount{font-size:2.2rem;font-weight:800;color:var(--accent)}.booking-local-price{color:var(--text-dim);font-size:.8rem;min-height:1.2em;margin-bottom:1.1rem}.booking-features{list-style:none;margin:0 0 1.4rem;font-size:.85rem;color:var(--text)}.booking-features li{padding:.2rem 0}.booking-features li:before{content:"[x] ";color:var(--green);font-weight:600}.booking-cta{width:100%;justify-content:center}.contact-newsletter-cta{margin-top:1.75rem;padding-top:1.5rem;border-top:1px dashed var(--border-bright);display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.contact-newsletter-text{color:var(--text-dim);font-size:.88rem}.contact-newsletter-text:before{content:"# ";color:var(--text-faint)}.site-footer{margin-top:3rem;border-top:1px solid var(--border);background:var(--bg-soft)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.4rem;padding-bottom:1.4rem}.footer-text{font-size:.78rem;color:var(--text-faint)}.footer-text .f-green{color:var(--green-dim)}.footer-socials{display:flex;gap:1.25rem;list-style:none}.footer-social-link{font-size:.82rem;color:var(--text-dim)}.footer-social-link:before{content:"[";color:var(--text-faint)}.footer-social-link:after{content:"]";color:var(--text-faint)}.footer-social-link:hover{color:var(--accent);text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#04080ebf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;padding:1rem}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--panel);border:1px solid var(--border-bright);border-radius:10px;box-shadow:var(--shadow);width:100%;max-width:460px;overflow:hidden;transform:translateY(12px);transition:transform .2s ease}.modal-overlay.open .modal{transform:translateY(0)}.modal .term-title{margin-right:0}.modal .term-body{padding:1.5rem 1.75rem 1.75rem}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:.2rem .4rem}.modal-close:hover{color:var(--red)}.modal-title{color:var(--heading);font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.modal-description{color:var(--text-dim);font-size:.85rem;margin-bottom:1.25rem}.modal-form{display:flex;flex-direction:column;gap:.9rem}.modal-input{width:100%;background:var(--bg);border:1px solid var(--border-bright);border-radius:6px;color:var(--text);font-family:inherit;font-size:.9rem;padding:.65rem .9rem;outline:none;transition:border-color .15s ease}.modal-input::placeholder{color:var(--text-faint)}.modal-input:focus{border-color:var(--accent)}.modal-submit{justify-content:center}.modal-success-title{color:var(--green);font-size:1rem;margin-bottom:.4rem}.modal-error-title{color:var(--red);font-size:1rem;margin-bottom:.4rem}.modal-success-message,.modal-error-message{color:var(--text-dim);font-size:.85rem}.hidden{display:none!important}@media(max-width:760px){.nav-links{display:none}.hamburger{display:flex}.hero-inner{grid-template-columns:1fr}.hero-photo{order:-1;justify-self:start}.hero-photo img{width:140px;height:140px}.term-body{padding:1.25rem}.footer-inner{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.typed{animation:none;width:100%;border-right:none}.cursor-blink{animation:none}html{scroll-behavior:auto}}
