@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--secondary: #ec4899;--accent: #06b6d4;--bg-dark: #0f0f23;--bg-darker: #080816;--bg-card: rgba(30, 30, 60, .6);--text-primary: #ffffff;--text-secondary: #a0aec0;--text-muted: #718096;--success: #10b981;--discord: #5865f2;--container-width: 1200px;--section-padding: 120px 0;--card-padding: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;background:var(--bg-darker);color:var(--text-primary);overflow-x:hidden;line-height:1.6;min-height:100vh}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-10%;right:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-10%;left:-10%;animation-delay:7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}.fade-in-up{animation:fadeInUp 1s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:var(--section-padding)}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:50px;font-size:14px;font-weight:600;color:var(--primary-light);margin-bottom:32px}.pulse-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{font-size:clamp(48px,8vw,80px);font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(24px,4vw,32px);font-weight:600;color:var(--text-secondary);margin-bottom:24px}.hero-description{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 48px;line-height:1.8}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 24px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf699}.btn-secondary{background:var(--bg-card);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(139,92,246,.3)}.btn-secondary:hover{border-color:var(--primary);transform:translateY(-2px)}.btn-discord{background:var(--discord);color:#fff;box-shadow:0 8px 24px #5865f266}.btn-discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 12px 32px #5865f299}.section-header{text-align:center;margin-bottom:64px}.section-title{font-size:clamp(36px,6vw,56px);font-weight:800;margin-bottom:16px}.section-description{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto}.skills{padding:var(--section-padding);position:relative}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;margin-top:48px}.skill-category{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:var(--card-padding);transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-category:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #8b5cf64d}.skill-category h3{font-size:20px;font-weight:700;margin-bottom:24px;color:var(--primary-light);display:flex;align-items:center;gap:8px}.skill-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#0f0f2366;border:1px solid rgba(139,92,246,.1);border-radius:16px;transition:all .3s ease;cursor:pointer}.skill-item:hover{transform:translateY(-4px);border-color:var(--primary);background:#8b5cf61a}.skill-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.skill-item:hover .skill-icon{transform:scale(1.1) rotate(5deg)}.skill-icon svg{width:32px;height:32px}.skill-item span{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center}.projects{padding:var(--section-padding);position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.project-card{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:var(--card-padding);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out forwards}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity .4s ease;z-index:-1}.project-card:hover:before{opacity:.1}.project-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #8b5cf64d}.project-images{width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:24px;position:relative;background:var(--bg-darker)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:hover .project-image{transform:scale(1.05)}.image-nav{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1}.image-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.image-dot.active{background:#fff;width:24px;border-radius:4px}.project-content h3{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.project-content p{font-size:15px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.project-download{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.project-download:hover{transform:translate(-4px);box-shadow:0 8px 16px #8b5cf666}.loading-state{grid-column:1 / -1;text-align:center;padding:60px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px}.empty-state h3{font-size:24px;color:var(--text-secondary);margin-bottom:12px}.empty-state p{color:var(--text-muted)}.discord-section{padding:var(--section-padding)}.discord-card{background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(88,101,242,.3);border-radius:32px;padding:64px 48px;text-align:center;position:relative;overflow:hidden}.discord-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(88,101,242,.1) 0%,transparent 70%);animation:rotateGradient 10s linear infinite}@keyframes rotateGradient{to{transform:rotate(360deg)}}.discord-icon{color:var(--discord);margin-bottom:24px;position:relative;z-index:1}.discord-title{font-size:32px;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.discord-description{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto 32px;line-height:1.8;position:relative;z-index:1}.footer{padding:48px 0;text-align:center;border-top:1px solid rgba(139,92,246,.2)}.footer p{color:var(--text-muted);margin-bottom:8px}.lang-toggle{position:fixed;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:50px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 16px #0003}.lang-toggle:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 20px #8b5cf666}.lang-icon{font-size:18px}.lang-text{font-family:JetBrains Mono,monospace}.contact-btn{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--bg-card);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:50px;color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 16px #0003}.contact-btn:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 20px #8b5cf666}[dir=rtl] .lang-toggle{left:auto;right:24px}[dir=rtl] .contact-btn{right:auto;left:24px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-dark),var(--secondary))}@media(max-width:768px){:root{--section-padding: 80px 0}.skills-grid{grid-template-columns:1fr}.skill-items{grid-template-columns:repeat(3,1fr);gap:10px}.skill-item{padding:12px 8px;gap:8px}.skill-icon{width:48px;height:48px}.skill-icon svg{width:24px;height:24px}.skill-item span{font-size:11px}.projects-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.discord-card{padding:48px 24px}}