@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{color-scheme:dark;--bg-void:#050811;--bg-deep:#080e1d;--bg-canvas:#0c152a;--bg-surface:#101c36;--bg-card:rgba(16,28,54,0.72);--bg-card-hover:rgba(22,38,72,0.88);--bg-card-glass:rgba(14,24,46,0.6);--accent-cyan:#12a8c7;--accent-cyan-light:#38bdf8;--accent-cyan-glow:rgba(18,168,199,0.25);--accent-emerald:#10b981;--accent-emerald-light:#34d399;--accent-emerald-glow:rgba(16,185,129,0.25);--accent-blue:#3b82f6;--grad-primary:linear-gradient(135deg,#10b981,#12a8c7 50%,#38bdf8);--grad-cyan-blue:linear-gradient(135deg,#12a8c7,#3b82f6);--grad-text:linear-gradient(135deg,#ffffff,#e2e8f0 50%,#94a3b8);--grad-surface:linear-gradient(180deg,rgba(16,28,54,0.8),rgba(10,18,36,0.9));--border-subtle:rgba(255,255,255,0.08);--border-medium:rgba(255,255,255,0.14);--border-accent:rgba(18,168,199,0.3);--border-accent-strong:rgba(18,168,199,0.6);--text-main:#ffffff;--text-body:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--max-width:1240px;--shadow-card:0 12px 32px -8px rgba(0,0,0,0.5);--shadow-hover:0 20px 48px -10px rgba(18,168,199,0.2);--shadow-glow:0 0 30px rgba(18,168,199,0.25);--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--text-main);direction:rtl;font-family:Cairo,Plus Jakarta Sans,system-ui,-apple-system,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body,html{background-color:var(--bg-void)}body{min-height:100vh;display:flex;flex-direction:column;line-height:1.7;background-image:radial-gradient(circle at 50% 0,rgba(18,168,199,.12) 0,transparent 45%),radial-gradient(circle at 15% 30%,rgba(16,185,129,.06) 0,transparent 40%),radial-gradient(circle at 85% 65%,rgba(59,130,246,.06) 0,transparent 40%),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button,input,select,textarea{font-family:inherit}.container{width:min(calc(100% - 2.5rem),var(--max-width));margin:0 auto}.text-grad-primary{background:var(--grad-primary);-webkit-background-clip:text}.text-grad-cyan,.text-grad-primary{-webkit-text-fill-color:transparent;display:inline-block}.text-grad-cyan{background:linear-gradient(135deg,#38bdf8,#12a8c7);-webkit-background-clip:text}.text-grad-white{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:9999px;background:rgba(18,168,199,.08);border:1px solid var(--border-accent);color:#38bdf8;font-size:.82rem;font-weight:700;letter-spacing:.2px}.badge-pill-emerald{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3);color:#34d399}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:var(--grad-primary);color:#040914;font-weight:800;padding:.85rem 2rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(18,168,199,.3);transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(18,168,199,.45)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;background:rgba(16,28,54,.6);border:1px solid var(--border-subtle);color:#f1f5f9;font-weight:600;padding:.85rem 1.8rem;border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .25s ease}.btn-secondary:hover{border-color:var(--accent-cyan);background:rgba(18,168,199,.1);color:#ffffff;transform:translateY(-2px)}.tech-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tech-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5rem;gap:1.5rem}.bento-col-12{grid-column:span 12}.bento-col-8{grid-column:span 8}.bento-col-6{grid-column:span 6}.bento-col-4{grid-column:span 4}@media (max-width:992px){.bento-col-4,.bento-col-6,.bento-col-8{grid-column:span 12}}.form-input{width:100%;padding:.85rem 1.1rem;border-radius:var(--radius-sm);background:rgba(8,14,29,.85);border:1px solid var(--border-subtle);color:#ffffff;font-size:.95rem;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px rgba(18,168,199,.15)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}