@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Cairo:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gold:#d4af37;--primary-gold-light:#f4c430;--primary-gold-dark:#b8860b;--primary-bronze:#cd7f32;--dark-bg:#0a0a0a;--darker-bg:#050505;--card-bg:#140f05b3;--border-glow:#d4af3740;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff80}[lang=en]{font-family:Inter,sans-serif}[lang=ar]{font-family:Cairo,sans-serif}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}body{background:var(--darker-bg);color:var(--text-primary);overflow-x:hidden}.mouse-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#d4af371f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;transition:all .1s;position:fixed;transform:translate(-50%,-50%)}.animated-bg{z-index:-1;background:radial-gradient(at 20%,#d4af370a 0%,#0000 50%),radial-gradient(at 80%,#b8860b08 0%,#0000 50%),linear-gradient(#050505 0%,#0f0c05 50%,#050505 100%);width:100%;height:100%;position:fixed;top:0;left:0}.page-content{min-height:100vh;padding-top:80px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.page-content{padding-top:70px}}.box-card{background:var(--card-bg);border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-height:400px;padding:1.5rem;position:relative;overflow:hidden}.box-card:before{content:"";background:linear-gradient(45deg, var(--primary-gold), transparent, var(--primary-gold));opacity:0;z-index:-1;border-radius:16px;transition:opacity .3s;position:absolute;inset:-2px}.box-card:hover:before{opacity:1}@media (width<=768px){.box-card{min-height:350px;padding:1rem}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.code-line{white-space:nowrap;border-right:2px solid var(--primary-gold);font-family:Fira Code,monospace;animation:3s steps(40,end) infinite typing;overflow:hidden}.keyword{color:#569cd6}.string{color:#ce9178}.function{color:#dcdcaa}.comment{color:#6a9955}.variable{color:#9cdcfe}.number{color:#b5cea8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:4px}html{scroll-behavior:smooth}.mobile-menu{display:none}@media (width<=768px){.desktop-nav{display:none}.mobile-menu{display:flex}}.lang-switcher{z-index:101;gap:.5rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}[dir=rtl] .lang-switcher{left:1.5rem;right:auto}@media (width<=768px){.lang-switcher{top:1.2rem;right:5rem}[dir=rtl] .lang-switcher{left:5rem;right:auto}}.lang-btn{border:1px solid var(--primary-gold);color:var(--primary-gold);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .3s}.lang-btn.active{background:var(--primary-gold);color:var(--darker-bg);font-weight:600}.lang-btn:hover{background:#d4af3733}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.1rem,3vw,1.3rem)}section{padding:5rem 2rem}@media (width<=768px){section{padding:3rem 1rem}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.contact-form input,.contact-form textarea{color:#fff;background:#140f0599;border:1px solid #d4af374d;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#d4af37;outline:none;box-shadow:0 0 10px #d4af3733}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-form button{color:#050505;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #d4af3766}.nav-link-active{color:#d4af37!important}.project-glow{opacity:0;transition:opacity .4s}a:hover .project-glow{opacity:1}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:all .4s;transform:translateY(0)}@media (width<=768px){.mobile-controls{display:flex!important}.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}@media (width>=769px){.mobile-menu-btn,.mobile-side-menu,.mobile-controls{display:none!important}}canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}