@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap');
:root{--bg:#430007;--bg2:#68000e;--red:#ed3037;--cream:#fff6ef;--gold:#e8bd7b;--muted:#d2bfc0;--line:rgba(255,235,225,.15);--card:rgba(91,0,12,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:#300004;font-family:Cairo,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 80% 15%,#a70b1d,transparent 30%),radial-gradient(circle at 15% 50%,#76000f,transparent 35%),linear-gradient(150deg,#270003,#62000c 55%,#330006);background-size:150% 150%;animation:bg 16s ease-in-out infinite alternate}@keyframes bg{to{background-position:100% 80%}}.noise{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:92px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:#560009db;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:58px;height:58px;border-radius:50%;background:var(--red);display:grid;place-items:center;font:800 23px Outfit;box-shadow:0 8px 30px #0006}.brand b{display:block;font:800 24px Outfit}.brand small{color:#d7b7b9}.icon-btn,.lang-btn,.drawer-head button{border:1px solid var(--line);background:#650914;color:#fff;border-radius:30px;height:52px;cursor:pointer}.icon-btn{width:55px;font-size:25px}.lang-btn{padding:0 20px;font-weight:800}.drawer{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(410px,92vw);background:#350005;padding:25px 30px;transform:translateX(105%);transition:.45s;box-shadow:-25px 0 80px #0009}.drawer.open{transform:none}.overlay{position:fixed;z-index:50;inset:0;background:#0009;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font:800 24px Outfit}.drawer-head button{width:52px;font-size:35px}.drawer nav{display:grid;margin:28px 0;gap:5px}.drawer nav a{padding:12px 8px;color:#fff;text-decoration:none;font-size:20px;border-radius:12px}.drawer nav a:hover{background:#fff1}.drawer-cta{display:block;text-decoration:none;text-align:center;color:var(--gold);background:#79251f66;border:1px solid #a86e5055;border-radius:30px;padding:14px}
.hero{width:min(1160px,92%);min-height:calc(100vh - 92px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero h1{font-size:clamp(58px,8vw,105px);line-height:.95;margin:18px 0;letter-spacing:-4px}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--cream)}.pill{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:8px 15px;color:var(--gold);background:#fff1}.hero p{max-width:590px;color:var(--muted);font-size:19px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;border:0;border-radius:18px;padding:15px 24px;font:800 17px Cairo;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-4px)}.primary{background:var(--red);color:#fff;box-shadow:0 16px 45px #ed303733}.light{background:var(--cream);color:#60000b}.ghost{background:#fff0;border:1px solid var(--line);color:#fff}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#e7d0d0}.hero-visual{height:650px;position:relative;display:grid;place-items:center}.photo-card{width:min(440px,80vw);height:570px;border-radius:220px 220px 40px 40px;overflow:hidden;border:1px solid #fff2;background:#6e0712;box-shadow:0 30px 90px #0008;position:relative}.photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ff3d4310,#2b000555)}.photo-card img{width:100%;height:100%;object-fit:cover}.float{position:absolute;z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:1px solid #fff2;background:#4d000acc;font:800 22px Outfit;box-shadow:0 12px 35px #0005}.f1{left:3%;top:22%}.f2{right:3%;top:15%}.f3{right:0;top:52%}.f4{left:5%;bottom:18%}
.section{width:min(1120px,92%);margin:auto;padding:95px 0}.center-title{text-align:center;margin-bottom:45px}.center-title>span,.section-title small{color:var(--gold);font-weight:800;letter-spacing:.7px}.center-title h2{font-size:clamp(36px,5vw,58px);line-height:1.15;margin:12px 0}.center-title h2 b{color:var(--cream)}.center-title p{max-width:700px;margin:auto;color:var(--muted);font-size:18px;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features>div,.service,.skill,.project,.cert,.community-grid article,.contact-grid>a,.dash-grid>a,.glass{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 20px 70px #0001;transition:.3s}.features>div:hover,.service:hover,.skill:hover,.project:hover,.cert:hover,.community-grid article:hover,.dash-grid>a:hover{transform:translateY(-7px);border-color:#ed303766}.features>div{padding:30px;text-align:center}.features i{display:grid;place-items:center;width:54px;height:54px;margin:auto auto 15px;border-radius:50%;background:#fff1;color:var(--gold);font-style:normal;font-size:24px}.features b,.features small{display:block}.features small{color:var(--muted);margin-top:5px}.section-title{display:flex;align-items:end;gap:20px;margin-bottom:28px}.section-title>span{font:800 50px Outfit;color:var(--gold)}.section-title h2{font-size:48px;margin:0}.big-about{display:grid;grid-template-columns:300px 1fr;gap:35px;padding:30px}.big-about img{width:100%;height:350px;object-fit:cover;border-radius:25px}.big-about h3{font-size:36px;margin:20px 0 8px}.big-about p{color:var(--muted);font-size:18px;line-height:2}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags b{font-size:13px;border:1px solid var(--line);padding:8px 12px;border-radius:20px;color:var(--gold)}.text-link,.service a,.project a{color:var(--gold);text-decoration:none;font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{padding:30px;position:relative;min-height:330px}.service em{font:800 32px Outfit;color:var(--gold);font-style:normal}.service-icon{position:absolute;top:25px;left:25px;width:72px;height:72px;border-radius:50%;background:var(--cream);color:#cf2630;display:grid;place-items:center;font-size:28px}.service h3{font-size:34px;margin:45px 0 0}.service small{color:#c9aeb0;font:600 17px Outfit}.service p{color:var(--muted);line-height:1.9}.service a{display:block;margin-top:18px}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skill{padding:28px}.skill>div:first-child{display:flex;justify-content:space-between;font:700 20px Outfit}.skill strong{color:var(--gold)}.skill small{color:var(--muted)}.bar{height:8px;background:#fff1;border-radius:10px;margin-top:18px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:10px}.project-grid,.cert-grid,.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{overflow:hidden}.project-cover{height:190px;display:grid;place-items:center;font:900 60px Outfit}.p1{background:linear-gradient(135deg,#a20c1e,#360006)}.p2{background:linear-gradient(135deg,#2800a5,#4e0718)}.p3{background:linear-gradient(135deg,#d13b0c,#4b0610)}.project-body{padding:25px}.project-body>span{color:var(--gold);font:800 18px Outfit}.project-body h3{font-size:25px;margin:8px 0}.project-body p{color:var(--muted)}.cert{padding:28px;text-align:center}.cert-icon{font-size:45px}.cert h3{font-size:25px}.cert p{color:var(--muted)}.cert span{color:var(--gold)}.community-grid article{padding:30px;text-align:center}.social-icon{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#fff1;color:var(--gold);font-size:30px}.community-grid h3{font:800 30px Outfit}.community-grid p{color:var(--muted)}.community-grid a{display:inline-block;border:1px solid #a875554d;color:var(--gold);padding:11px 22px;border-radius:30px;text-decoration:none;font-weight:800}.community-grid ul{list-style:none;padding:15px 0 0;text-align:right;color:#ddd}.community-grid li{padding:7px}.community-grid li:before{content:"✓";color:var(--gold);margin-left:8px}.account-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-info,.account-form{padding:32px;border:1px solid var(--line);border-radius:28px;background:var(--card)}.account-info h3,.account-form h3{font-size:30px}.account-info p{color:var(--muted);line-height:1.9}.account-points{display:grid;gap:12px;color:#eee}.account-form{display:grid;gap:13px}.account-form label{display:grid;gap:7px;color:#e8d7d7}.account-form input{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#333;font:16px Cairo}.switch{border:0;background:none;color:var(--gold);cursor:pointer}.account-form #accountMsg{min-height:25px;color:var(--gold);margin:0}.hidden{display:none}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.dash-grid>a{padding:28px;text-decoration:none;color:#fff;display:grid;gap:8px;text-align:center;font-size:30px}.dash-grid b{font-size:20px}.dash-grid small{font-size:13px;color:var(--muted)}.logout{display:block;margin:25px auto}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-grid>a{padding:28px;color:#fff;text-decoration:none;display:grid;gap:10px}.contact-grid span{color:var(--muted)}footer{padding:45px 5%;text-align:center;border-top:1px solid var(--line);background:#210003;color:#c7afb0}footer b{font:800 23px Outfit;color:#fff}footer p{margin:8px 0}
@media(max-width:850px){.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero p{margin:auto}.actions,.trust{justify-content:center}.hero-visual{height:540px;order:-1}.photo-card{height:480px}.features,.project-grid,.cert-grid,.community-grid,.contact-grid,.dash-grid{grid-template-columns:1fr}.service-grid,.skill-grid,.account-wrap{grid-template-columns:1fr}.big-about{grid-template-columns:1fr}.big-about img{height:360px}.section{padding:75px 0}.brand small{display:none}.brand b{font-size:20px}.topbar{height:82px}.section-title h2{font-size:38px}.service{min-height:300px}.f1{left:0}.f2{right:0}}
@media(max-width:480px){.brand-logo{width:48px;height:48px}.icon-btn,.lang-btn{height:48px}.hero h1{font-size:55px}.photo-card{height:430px;width:88vw}.float{width:62px;height:62px}.section-title>span{font-size:38px}.big-about{padding:18px}.service{padding:22px}.account-info,.account-form{padding:22px}}