:root{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-text-light: #e0e0e0;--color-text-muted: #b0b0b0;--color-accent-blue: #61DAFB;--color-accent-purple: #B388FF;--color-border-dark: #333;--color-shadow-dark: rgba(0, 0, 0, .4);--color-shadow-light: rgba(0, 0, 0, .1);--gradient-1: linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-purple));--gradient-2: linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-blue));transition:background-color .3s ease,color .3s ease,border-color .3s ease;--font-english: "Inter", sans-serif;--font-farsi: "Vazirmatn", sans-serif}body[data-theme=light]{--color-bg-primary: #f5f5f5;--color-bg-secondary: #ffffff;--color-text-light: #333333;--color-text-muted: #666666;--color-accent-blue: #007bff;--color-accent-purple: #6f42c1;--color-border-dark: #e0e0e0;--color-shadow-dark: rgba(0, 0, 0, .15);--color-shadow-light: rgba(0, 0, 0, .05);--gradient-1: linear-gradient(90deg, var(--color-accent-blue), var(--color-accent-purple));--gradient-2: linear-gradient(90deg, var(--color-accent-purple), var(--color-accent-blue))}body{font-family:var(--font-english);margin:0;padding:0;background-color:var(--color-bg-primary);color:var(--color-text-light);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%239C92AC" fill-opacity="0.1" fill-rule="evenodd"%3E%3Cpath d="M0 0h3v1H0V0zm0 3h3v1H0V3z"/%3E%3C/g%3E%3C/svg%3E');background-repeat:repeat;opacity:.2;z-index:-1;transition:background-color .3s ease,opacity .3s ease}body[data-theme=light]:before{background-image:url('data:image/svg+xml,%3Csvg width="6" height="6" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23666666" fill-opacity="0.05" fill-rule="evenodd"%3E%3Cpath d="M0 0h3v1H0V0zm0 3h3v1H0V3z"/%3E%3C/g%3E%3C/svg%3E')}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-accent-blue);border-radius:10px;border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-purple)}@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@font-face{font-family:Vazirmatn;src:url("./media/Vazirmatn-Thin-XUURRTTF.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url("./media/Vazirmatn-Light-7ZNF2KVJ.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url("./media/Vazirmatn-Medium-QQKCGT6M.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url("./media/Vazirmatn-Bold-WG7PTBT5.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}body[dir=rtl]{text-align:right;font-family:var(--font-farsi)}body[dir=rtl] header h1,body[dir=rtl] header h2,body[dir=rtl] section h3{font-family:var(--font-farsi)}.container{max-width:1000px;margin:30px auto;padding:30px;background-color:var(--color-bg-secondary);box-shadow:0 10px 30px var(--color-shadow-dark);border-radius:12px;border:1px solid var(--color-border-dark);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}section{margin-bottom:40px;padding:25px;background-color:var(--color-bg-primary);border-radius:8px;box-shadow:0 4px 15px var(--color-shadow-dark);border:1px solid var(--color-border-dark);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}section h3{font-family:var(--font-english);color:var(--color-text-light);font-size:2.2em;margin-top:0;margin-bottom:20px;position:relative;padding-bottom:10px;font-weight:600;transition:color .3s ease,letter-spacing .3s ease}section h3:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--gradient-2);transition:background .3s ease}body[dir=rtl] section h3:after{left:auto;right:0}.toggle-buttons-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:10px}.theme-toggle-button,.lang-toggle-button{background-color:var(--color-bg-secondary);color:var(--color-text-light);border:1px solid var(--color-border-dark);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.5em;box-shadow:0 2px 8px var(--color-shadow-dark);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease;font-weight:600}.theme-toggle-button:hover,.lang-toggle-button:hover{background-color:var(--color-accent-blue);color:#fff;border-color:var(--color-accent-blue);box-shadow:0 4px 12px var(--color-accent-blue);transform:translateY(-2px)}@media (max-width: 768px){.container{margin:15px;padding:20px}header h1{font-size:2.5em}header h2{font-size:1.4em}.toggle-buttons-container{top:10px;right:10px;gap:8px}.theme-toggle-button,.lang-toggle-button{width:40px;height:40px;font-size:1.1em}section h3{font-size:1.8em}}