body,html{margin:0;padding:0;font-family:Ubuntu Mono,monospace;transition:background-color .3s,color .3s;box-sizing:border-box}html{background-color:#121212;color:#fff}html.light-mode{background-color:#f5f5f5;color:#121212}html.dark-mode{background-color:#121212;color:#fff}*{box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:2rem}.terminal{border-radius:8px;padding:2rem;position:relative;line-height:1.6;transition:background-color .3s,color .3s}html.dark-mode .terminal{background-color:#1e1e1e;color:#fff}html.light-mode .terminal{background-color:#f0f0f0;color:#121212;box-shadow:0 2px 10px rgba(0,0,0,.1)}.rtl{direction:rtl;text-align:right}.ltr{direction:ltr;text-align:left}.terminal-header{display:flex;gap:8px;margin-bottom:1rem;align-items:center}.terminal-header .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.theme-toggle{background:none;border:none;cursor:pointer;font-size:16px;margin-top:auto;padding:0}.rtl .theme-toggle{margin-left:0;margin-right:auto}.cursor:after{content:"";display:inline-block;width:8px;height:16px;margin-left:4px;animation:blink 1s infinite;vertical-align:bottom}html.dark-mode .cursor:after{background-color:#ccc}html.light-mode .cursor:after{background-color:#333}.rtl .cursor:after{margin-left:0;margin-right:4px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.language-toggle{position:absolute;top:1rem;padding:5px 10px;border-radius:4px;text-decoration:none;opacity:.8;font-weight:700;transition:opacity .2s,background-color .2s}.ltr .language-toggle{right:1rem}.rtl .language-toggle{left:1rem}html.dark-mode .language-toggle{color:#fff;background-color:hsla(0,0%,100%,.1)}html.light-mode .language-toggle{color:#333;background-color:rgba(0,0,0,.05)}.language-toggle:hover{opacity:1}.button{display:inline-block;margin-top:1.5rem;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .2s}html.dark-mode .button{background-color:#1273ea;color:#fff}html.light-mode .button{color:#fff}html.dark-mode .button:hover,html.light-mode .button{background-color:#1059a3}html.light-mode .button:hover{background-color:#0c4583}.contact-email{color:inherit}html.dark-mode .contact-email{color:#1059a3}html.light-mode .contact-email{color:#0c4583}html[lang=ar] body{font-family:Noto Kufi Arabic,Noto Sans Arabic,sans-serif}html[lang=ar] h1{font-size:1.8rem}html[lang=ar] h2{font-size:1.5rem}html[lang=ar] p{font-size:1rem;line-height:1.8}