@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--bg-dark: #0a0a0c;--bg-card: rgba(23, 23, 26, .7);--text-main: #ffffff;--text-dim: #94a3b8;--accent: #ec4899;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:#050508;color:var(--text-main);height:100vh;overflow:hidden!important;position:relative}body:before,body:after{content:"";position:fixed;inset:-100%;z-index:-1;pointer-events:none}body:before{background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(67,56,202,.1) 0%,transparent 60%);filter:blur(80px);animation:nebulaRotate 60s linear infinite}body:after{background-image:radial-gradient(1px 1px at 10% 10%,#fff,transparent),radial-gradient(1px 1px at 20% 50%,#fff,transparent),radial-gradient(2px 2px at 40% 20%,#fff,transparent),radial-gradient(1px 1px at 60% 80%,#fff,transparent),radial-gradient(2px 2px at 80% 30%,#fff,transparent),radial-gradient(1px 1px at 90% 90%,#fff,transparent);background-size:200px 200px;opacity:.3;animation:starsMove 100s linear infinite}@keyframes nebulaRotate{0%{transform:rotate(0) scale(1.5)}to{transform:rotate(360deg) scale(1.5)}}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-100%)}}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--primary-glow);background:#4f46e5}input,select,textarea{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.6rem 1rem;border-radius:10px;font-family:inherit;outline:none;transition:var(--transition)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}.app-container{height:100vh;display:flex;flex-direction:column;padding:1.5rem 4rem;max-width:1800px;margin:0 auto;overflow:hidden;position:relative;z-index:1}.header{text-align:center;margin-bottom:2rem;flex-shrink:0;animation:slideDown .8s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(to right,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.2rem}.header-nav{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.header-nav button{background:none;border:none;color:var(--text-dim);font-size:.95rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:20px;transition:var(--transition);border:1px solid transparent}.header-nav button:hover{color:#fff;background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.drop-overlay{position:fixed;inset:0;background:#6366f166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .3s ease}.drop-content{background:#0009;padding:3rem;border-radius:24px;border:4px dashed white;text-align:center;transform:scale(1.1);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-style{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.2rem .6rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.btn-style.active{background:var(--primary);border-color:var(--primary)}.small-color-picker{width:24px;height:24px;padding:0;border:1px solid var(--glass-border);border-radius:4px;background:none;cursor:pointer}.field-section{background:#0000001a;padding:1rem;border-radius:12px;border:1px solid var(--glass-border)}.filter-controls input[type=range]{height:6px}.header p{color:var(--text-dim);font-size:1.1rem}.main-content{display:grid;grid-template-columns:1fr 440px;gap:2.5rem;flex:1;min-height:0;align-items:flex-start;padding-bottom:4rem;margin-top:2rem}.preview-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:3rem;border:1px solid var(--glass-border);height:auto;min-height:500px;max-height:100%;overflow:hidden;box-shadow:0 40px 100px #00000080;transition:var(--transition)}.preview-section:hover{border-color:#6366f14d;transform:translateY(-5px)}.canvas-container{width:100%;aspect-ratio:16/9;background-image:linear-gradient(45deg,#1a1a1e 25%,transparent 25%),linear-gradient(-45deg,#1a1a1e 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1a1a1e 75%),linear-gradient(-45deg,transparent 75%,#1a1a1e 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0006;border:1px solid var(--glass-border)}.preview-canvas{max-width:100%;max-height:100%;object-fit:contain}.controls-section{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.controls-section::-webkit-scrollbar{width:6px}.controls-section::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.control-group{display:flex;flex-direction:column;gap:.8rem}.control-label{font-size:.9rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{flex:1;padding:.8rem;text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:var(--transition);font-weight:500}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:1.5rem}.preset-item{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.preset-item:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.preset-item.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.preset-item img{width:100%;height:100%;object-fit:cover}.upload-box{border:2px dashed var(--glass-border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:var(--transition);background:var(--glass-bg);position:relative;overflow:hidden}.upload-box:hover{border-color:var(--primary);background:#6366f10d}.upload-box i{font-size:2rem;display:block;margin-bottom:.5rem}.upload-box span{font-size:.9rem;color:var(--text-dim)}.upload-preview{margin-top:1rem;width:100%;aspect-ratio:16/9;border-radius:8px;object-fit:cover}@media(max-width:1024px){.main-content{grid-template-columns:1fr}.footer{margin-top:4rem;padding:3rem 1rem;text-align:center;border-top:1px solid var(--glass-border);flex-shrink:0;background:#0006;display:flex;flex-direction:column;gap:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-links span{font-size:.9rem;color:var(--text-dim);cursor:pointer;transition:var(--transition);font-weight:500;padding:.5rem 1rem;border-radius:8px}.footer-links span:hover{background:#ffffff1a;color:#fff}.seo-footer-section{max-width:1000px;margin:0 auto;text-align:left;border-top:1px dashed var(--glass-border);padding-top:2rem}.seo-content-wrapper h3{color:var(--primary);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.8rem}.seo-content-wrapper ul{list-style:none;padding:0}.seo-content-wrapper li a{color:var(--text-main);text-decoration:none}.read-more-link{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;text-decoration:underline;opacity:.6;transition:var(--transition);margin-top:1rem;display:inline-block;width:100%;text-align:center}.read-more-link:hover{opacity:1;color:var(--primary)}.powered-by{font-size:.8rem;color:#4b5563;margin-top:1rem}.powered-by a{color:#6b7280;text-decoration:none;font-weight:700}.powered-by a:hover{color:#fff}.footer{margin-top:6rem;padding:0;text-align:left;border-top:1px solid var(--glass-border);flex-shrink:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-content{max-width:1400px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}.footer-col h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.01em}.footer-links{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.footer-links span,.footer-links a{font-size:.9rem;color:var(--text-dim);cursor:pointer;text-decoration:none;transition:var(--transition)}.footer-links span:hover,.footer-links a:hover{color:var(--primary);transform:translate(4px)}.footer-brand p{color:var(--text-dim);font-size:.95rem;line-height:1.6;margin-top:1rem;max-width:300px}.footer-bottom{border-top:1px solid var(--glass-border);padding:1.5rem 2rem;text-align:center;color:#4b5563;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:1rem}.powered-by a{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition)}.powered-by a:hover{color:#fff;text-shadow:0 0 10px var(--primary-glow)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center;gap:2.5rem}.footer-links{align-items:center}.footer-brand p{margin:1rem auto}.footer-bottom{justify-content:center;flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.modal-content{max-width:700px;width:100%;position:relative;max-height:80vh;overflow-y:auto;padding:3rem;animation:modalScale .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:#ff4757;transform:rotate(90deg)}.big-caution{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef4444;color:#fca5a5;padding:1.5rem;border-radius:16px;margin-bottom:2rem;font-weight:700;font-size:.9rem;box-shadow:0 10px 20px #ef44441a}.seo-article-section{margin-top:6rem;padding:0 4rem 6rem;max-width:1400px;margin-left:auto;margin-right:auto}.article-container{background:#0f172a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:32px;padding:4rem;position:relative;box-shadow:0 50px 100px #00000080}.article-container h2{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(to right,#fff,var(--text-dim));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.article-body{line-height:1.8;color:var(--text-dim);font-size:1.1rem}.article-container.collapsed .article-body{max-height:3.6em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.article-content h3{margin-top:3rem;margin-bottom:1.5rem;color:var(--primary);font-size:1.8rem}.read-more-btn{margin-top:2rem;background:var(--primary);border:none;color:#fff;padding:1rem 3rem;border-radius:100px;font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:0 10px 30px var(--primary-glow)}.read-more-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px var(--primary-glow)}}