:root{--bg-app:#f1f5f3;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--primary:#4b7166;--primary-light:#eef2f1;--primary-dark:#3a574f;--accent:#bf975e;--border-color:#cbd5e1;--primary-rgb:75,113,102;--bg-card-rgb:255,255,255;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius-md:.75rem;--radius-lg:1.5rem;--font-body:"Cairo",sans-serif;--font-heading:"Tajawal",sans-serif;--color-success:#10b981;--color-success-soft:#10b9811a;--color-warning:#f59e0b;--color-warning-soft:#f59e0b1a;--color-danger:#ef4444;--color-danger-soft:#ef44441a}[data-theme=dark]{--bg-app:#1a1f1d;--bg-card:#252d2a;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary:#5c8b7d;--primary-light:#2d3834;--primary-dark:#8bbab0;--accent:#bf975e;--border-color:#3d4744;--primary-rgb:92,139,125;--bg-card-rgb:37,45,42;--card-shadow:0 10px 15px -3px #00000080;--color-success:#34d399;--color-success-soft:#34d3991a;--color-warning:#fbbf24;--color-warning-soft:#fbbf241a;--color-danger:#f87171;--color-danger-soft:#f871711a}[data-theme=ramadan]{--bg-app:#1e1b16;--bg-card:#2a251e;--text-main:#f3f4f6;--text-muted:#9ca3af;--primary:#bf975e;--primary-light:#453a2b;--primary-dark:#e5b97d;--accent:#4b7166;--border-color:#4b443c;--primary-rgb:191,151,94;--bg-card-rgb:42,37,30;--card-shadow:0 0 20px #bf975e1a;--font-heading:"Amiri",serif;--color-success:#4b7166;--color-success-soft:#4b71661a;--color-warning:#bf975e;--color-warning-soft:#bf975e1a;--color-danger:#ea580c;--color-danger-soft:#ea580c1a}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);direction:rtl;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-heading);color:var(--primary-dark)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--primary-dark)}[data-theme=ramadan] h1,[data-theme=ramadan] h2,[data-theme=ramadan] h3{color:var(--primary)}.container{width:95%;max-width:1200px;margin:0 auto}@media (max-width:600px){.container{width:100%;padding:0 1rem}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--card-shadow);margin-bottom:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card{background:rgba(var(--bg-card-rgb),.7);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000000d}.section-divider{border-radius:var(--radius-lg);background:linear-gradient(to right,transparent,rgba(var(--primary-rgb),.1),transparent);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:2px solid #0000;margin-bottom:2rem;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.section-divider:hover{background-color:rgba(var(--primary-rgb),.03);box-shadow:inset 0 0 20px rgba(var(--primary-rgb),.02);transform:translate(-4px)}.section-divider:after{content:"";background:var(--primary);opacity:.3;border-radius:10px;width:40px;height:3px;transition:all .4s;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.section-divider:hover:after{opacity:1;width:100px}.dev-card:hover{border-color:var(--primary);transform:translateY(-12px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:block}.form-input{border:1.5px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);border-radius:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15);outline:none;transform:translateY(-1px)}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.social-icon{background:var(--bg-app);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.social-icon:hover{background:var(--primary);color:#fff;transform:scale(1.1)}@media (max-width:768px){.flex-col-mobile{flex-direction:column!important;gap:1rem!important}.grid-2{grid-template-columns:1fr!important;gap:1.5rem!important}.container{width:100%!important;padding:0 .75rem!important}.card{padding:1.25rem 1rem!important}}@media (max-width:480px){header h1{font-size:1rem!important}.card[style*=sticky]{text-align:center;flex-direction:column;padding:1rem!important}.card[style*=sticky] div:last-child{font-size:1.8rem!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-success{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.animate-pulse-success{animation:2s infinite pulse-success}@keyframes smart-flip{0%{opacity:1;transform:rotateX(0)}45%{opacity:0;transform:rotateX(90deg)}55%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes glass-shine{0%{left:-100%}to{left:200%}}.quote-container{perspective:1000px;cursor:pointer}.quote-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.quote-flipping{animation:.6s cubic-bezier(.4,0,.2,1) smart-flip}.quote-shine{pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;position:absolute;top:0;transform:skew(-25deg)}.quote-container:hover .quote-shine{animation:1s forwards glass-shine}.animate-fade{animation:.5s forwards fadeIn}.note-box{border-radius:var(--radius-md);border:1.5px solid var(--primary);background-color:var(--primary-light);color:var(--text-main);box-shadow:0 2px 8px rgba(var(--primary-rgb),.05);padding:.75rem 1rem;font-size:.85rem;line-height:1.6}.note-box strong{color:var(--primary-dark);margin-bottom:.25rem;display:block}.note-box-warning{border-color:var(--color-warning);background-color:var(--color-warning-soft);color:var(--text-main)}.sanad-theme-toggle{background:#0000000a;border-radius:12px;gap:4px;padding:4px;display:flex}[data-theme=dark] .sanad-theme-toggle{background:#ffffff0d}.sanad-theme-toggle button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .3s;display:flex}.sanad-theme-toggle button:hover{background:#0000000d}[data-theme=dark] .sanad-theme-toggle button:hover{background:#ffffff1a}.sanad-theme-toggle button.active{color:var(--primary);background:#fff;transform:scale(1.05);box-shadow:0 4px 10px #0000001a}[data-theme=dark] .sanad-theme-toggle button.active{background:var(--bg-card);color:var(--primary)}