*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}:root[data-theme=dark]{--bg:#141210;--bg-soft:#1c1a17;--surface:#201e1b;--surface-2:#2a2724;--line:#f5f0ea;--line-soft:#f5f0ea22;--accent-2:#d9d2c7;--text:#f5f0ea;--muted:#9a9188;--danger:#e0455a;--success:#3fb56d;--shadow:0 10px 30px #00000073;--glow:0 0 0 transparent;--noise-opacity:.05}:root[data-theme=light]{--bg:#f2ede4;--bg-soft:#e9e2d6;--surface:#fff;--surface-2:#ece5d8;--line:#141210;--line-soft:#14121022;--accent-2:#4a4540;--text:#141210;--muted:#6f675d;--danger:#c73145;--success:#2e8f56;--shadow:0 10px 30px #00000014;--glow:0 0 0 transparent;--noise-opacity:.03}:root{--font-main:"Cairo", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem}body{background:var(--bg);color:var(--text);font-family:var(--font-main);line-height:1.7;transition:background .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";z-index:1;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4{font-weight:700;line-height:1.3}h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{margin-bottom:var(--space-2);font-size:clamp(1.6rem,3.5vw,2.4rem);display:inline-block;position:relative}h2:after{content:"";inset-inline-start:0;background:var(--line);border-radius:3px;width:48px;height:3px;transition:width .4s;position:absolute;bottom:-8px}h2:hover:after{width:100%}h3{font-size:1.25rem}p{color:var(--muted)}p.lead{color:var(--text);font-size:1.05rem}.scroll-progress{top:0;background:linear-gradient(90deg, var(--line), var(--accent-2));z-index:100;height:3px;transition:width .1s linear;position:fixed;inset-inline-start:0}.container{width:100%;max-width:1200px;padding-inline:var(--space-3);margin-inline:auto}.grid{gap:var(--space-3);display:grid}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.stack>*+*{margin-top:var(--space-2)}.section{padding-block:var(--space-5);position:relative}.section+.section{border-top:1px solid var(--line-soft)}.section .container{padding-block:0}.section-header{margin-bottom:var(--space-4)}.section-header p{max-width:560px;margin-top:var(--space-1)}.hero-eyebrow{color:var(--line);letter-spacing:.15em;text-transform:uppercase;font-size:.8rem}.marquee{border-block:1px solid var(--line-soft);background:var(--bg-soft);padding-block:.9rem;overflow:hidden}.marquee-track{gap:3rem;width:max-content;animation:26s linear infinite marqueeScroll;display:flex}.marquee-track span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:700;display:flex}.marquee-track span:after{content:"✦";color:var(--line)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .marquee-track{animation-direction:reverse}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--line), var(--accent-2));color:var(--bg);box-shadow:0 6px 20px var(--line-soft)}.btn-primary:hover{box-shadow:0 10px 28px var(--line-soft);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--line);color:var(--text);background:0 0}.btn-outline:hover{background:var(--line-soft)}.btn-ghost{color:var(--muted)}.btn-ghost:hover{color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2.2rem;font-size:1.05rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow);transform-style:preserve-3d;will-change:transform;border:1px solid #0000;flex-direction:column;height:100%;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex}.card:hover{border-color:var(--line-soft)}.card-media{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:160px;margin-bottom:var(--space-2);flex-shrink:0}.card-title{margin-bottom:.4rem}.card-text{white-space:pre-line;flex:1}.price-card{text-align:center;padding:var(--space-4) var(--space-3);justify-content:space-between;position:relative;overflow:hidden}.price-card:before{content:"";background:radial-gradient(circle at top, var(--line-soft), transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.price-card:hover:before{opacity:1}.price-value{margin-block:var(--space-2);color:var(--line);font-size:2rem;font-weight:800}.price-features{text-align:start;margin-top:var(--space-2)}.price-features li{border-bottom:1px dashed var(--muted);padding-block:.3rem}.price-card.featured{border-color:var(--line);box-shadow:var(--shadow)}.pill{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:999px;align-items:center;padding:.4rem 1rem;font-size:.9rem;transition:background .25s,transform .25s;display:inline-flex}.pill:hover{background:var(--line-soft);transform:translateY(-2px)}.field{margin-bottom:var(--space-2)}.field label{color:var(--muted);margin-bottom:.35rem;font-size:.9rem;display:block}.input,textarea.input,select.input{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:.7rem .9rem;transition:border-color .25s,box-shadow .25s}.input:focus{border-color:var(--line);box-shadow:0 0 0 3px var(--line-soft);outline:none}textarea.input{resize:vertical;min-height:90px}.form-panel{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow)}.site-header{z-index:50;padding:var(--space-2) var(--space-4);background:var(--bg);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.nav-links{gap:var(--space-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;font-size:.8rem;font-weight:600;display:flex}.nav-links a{padding-block:.3rem;position:relative}.nav-links a:after{content:"";bottom:0;background:var(--text);width:0;height:1.5px;transition:width .25s;position:absolute;inset-inline-start:0}.nav-links a:hover:after{width:100%}.header-controls{align-items:center;gap:.6rem;display:flex}.header-select{border:1px solid var(--line-soft);letter-spacing:.05em;background:0 0;border-radius:4px;padding:.35rem .5rem;font-size:.75rem}.theme-toggle{border:1px solid var(--line-soft);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.9rem;transition:transform .4s,background .4s;display:grid}.theme-toggle:hover{background:var(--line-soft);transform:rotate(20deg)}.hero-name-wrap{place-items:center;min-height:480px;display:grid;position:relative}.hero-name{letter-spacing:-.02em;color:var(--text);text-align:center;z-index:1;grid-area:1/1;font-size:clamp(10rem,32vw,22rem);font-weight:800;line-height:1}.hero-photo{z-index:2;pointer-events:none;grid-area:1/1;align-self:end;width:auto;height:100%;max-height:400px}.hero-photo img{object-fit:contain;filter:grayscale()contrast(1.05);width:auto;height:100%}.about-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.about-bottom .lead{max-width:480px}@media (width<=700px){.hero-name-wrap{min-height:220px}.hero-photo{max-height:200px}}.feature-strip{background:var(--bg-soft);gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);display:grid}.feature-item{transition:transform .3s}.feature-item:hover{transform:translateY(-4px)}.feature-item h3{margin-bottom:.2rem;font-size:1rem}.feature-item p{font-size:.85rem}@media (width<=700px){.feature-strip{grid-template-columns:repeat(2,1fr)}}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{width:240px;padding:var(--space-3) var(--space-2);border-inline-end:1px solid var(--line-soft);background:var(--bg-soft);flex-direction:column;display:flex}.admin-nav-btn{text-align:start;border-radius:var(--radius-sm);width:100%;color:var(--text);margin-bottom:.35rem;padding:.7rem .9rem;transition:background .25s,color .25s;display:block}.admin-nav-btn:hover{background:var(--line-soft)}.admin-nav-btn.active{background:var(--line);color:var(--bg)}.admin-main{padding:var(--space-3);flex:1}.admin-login{max-width:340px;padding:var(--space-4) var(--space-3);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);margin:4rem auto}.table{border-collapse:collapse;width:100%}.table th{text-align:start;border-bottom:1px solid var(--line-soft);color:var(--muted);padding:.6rem;font-weight:600}.table td{border-bottom:1px solid var(--surface-2);padding:.6rem}.table tr:hover td{background:var(--surface-2)}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}.admin-shell{flex-direction:column}.admin-sidebar{border-inline-end:none;border-bottom:1px solid var(--line-soft);flex-direction:row;width:100%;overflow-x:auto}.admin-nav-btn{white-space:nowrap;margin-inline-end:.4rem;margin-bottom:0}}.contact-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.contact-btn{border-radius:var(--radius-sm);border:1px solid var(--line-soft);align-items:center;gap:.6rem;padding:.9rem 1.6rem;transition:transform .25s,background .25s;display:flex}.contact-btn:hover{background:var(--line-soft);transform:translateY(-3px)}.contact-btn.whatsapp{background:var(--line);color:var(--bg);border-color:#0000}.cursor-dot{background:var(--line);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:6px;height:6px;position:fixed;top:0;left:0;translate:-50% -50%}.cursor-ring{border:1.5px solid var(--line);pointer-events:none;z-index:9998;mix-blend-mode:difference;border-radius:50%;width:28px;height:28px;transition:width .2s,height .2s,background .2s;position:fixed;top:0;left:0;translate:-50% -50%}.cursor-ring.active{background:var(--line-soft);width:46px;height:46px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 var(--line-soft)}50%{box-shadow:0 0 24px var(--line-soft)}}@keyframes spin{to{transform:rotate(360deg)}}.anim-fade-up{animation:.8s both fadeInUp}.anim-float{animation:4s ease-in-out infinite float}.anim-glow{animation:3s ease-in-out infinite pulseGlow}.anim-spin{animation:6s linear infinite spin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:10px}.text-center{text-align:center}.text-muted{color:var(--muted)}.text-accent{color:var(--line)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.w-full{width:100%}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow)}.hidden{display:none}@media (width<=600px){.nav-links{display:none}.section{padding-block:var(--space-4)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.contact-btn{min-width:220px}.contact-btn svg{flex-shrink:0}.contact-btn span{font-weight:600}.contact-btn.whatsapp svg{color:var(--bg)}