:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--text-dark:#2c3e50;--text-light:#666;--white:#ffffff;--bg-color:#ffffff;--shadow:0 10px 30px rgba(0,0,0,0.1);--shadow-hover:0 20px 40px rgba(0,0,0,0.15);--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--border-radius:15px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme="dark"]{--primary-color:#7c9cff;--secondary-color:#a67cff;--accent-color:#ff6b9d;--text-dark:#e6eef8;--text-light:#a0aec0;--white:#1a202c;--bg-color:#0b1220;--shadow:0 10px 30px rgba(0,0,0,0.3);--shadow-hover:0 20px 40px rgba(0,0,0,0.4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:'Cairo',sans-serif;line-height:1.6;color:var(--text-dark);background:transparent;overflow-x:hidden;position:relative}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(102,126,234,0.48) 0%,rgba(118,75,162,0.48) 100%);z-index:-1}#matrix-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#000}#matrix-canvas{width:100%;height:100%;display:block;object-fit:cover}body,main,footer{position:relative;z-index:1}header{z-index:1}body.blur-on #matrix-canvas{filter:brightness(0.8) blur(1.5px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background:rgba(255,255,255,0.1);border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:fixed;width:100%;top:0;z-index:1000;box-shadow:var(--shadow);transition:var(--transition);border-bottom:1px solid rgba(255,255,255,0.2)}header.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 5px 30px rgba(0,0,0,0.15)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative}.logo{display:flex;align-items:center;gap:15px;cursor:pointer;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.logo img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);transition:var(--transition)}.logo:hover img{border-color:var(--accent-color);box-shadow:0 0 20px rgba(102,126,234,0.3)}.logo h1{color:var(--text-dark);font-size:1.8rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:600;font-size:1.1rem;position:relative;transition:var(--transition);padding:0.5rem 1rem;border-radius:25px}.container{max-width:1200px;margin:0 auto;padding:0 20px}