@import"https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;700;900&family=Secular+One&display=swap";:root{--orange: #FF6B35;--orange-light: #FF8C5A;--blue-deep: #1B2A4A;--blue-mid: #2D4373;--cream: #FFF8F0;--sand: #F5E6D3;--green-nl: #21A366;--white: #FFFFFF;--text-dark: #1a1a2e;--text-light: #5a5a7a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Heebo,sans-serif;background:var(--cream);color:var(--text-dark);overflow-x:hidden}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--blue-deep);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,107,53,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(33,163,102,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(45,67,115,.3) 0%,transparent 70%);animation:bgDrift 20s ease-in-out infinite alternate}@keyframes bgDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-3%,-3%) rotate(2deg)}}.float-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.float-el{position:absolute;border-radius:50%;opacity:.06;background:var(--orange)}.float-el:nth-child(1){width:400px;height:400px;top:-10%;right:-5%;animation:float1 15s ease-in-out infinite}.float-el:nth-child(2){width:250px;height:250px;bottom:10%;left:-3%;background:var(--green-nl);animation:float2 18s ease-in-out infinite}.float-el:nth-child(3){width:180px;height:180px;top:40%;right:10%;background:var(--white);animation:float3 12s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,40px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:900px}.hero-logo{font-family:Secular One,sans-serif;font-size:clamp(3.5rem,10vw,7rem);color:var(--white);letter-spacing:-.02em;line-height:1;margin-bottom:.3em;animation:fadeUp 1s ease-out}.hero-logo .dot{color:var(--orange)}.hero-tagline{font-size:clamp(1.2rem,3vw,1.8rem);color:#ffffffb3;font-weight:300;margin-bottom:2.5rem;animation:fadeUp 1s ease-out .2s both}.hero-scroll-hint{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;animation:fadeUp 1s ease-out .6s both}.scroll-arrow{width:24px;height:24px;border-left:2px solid rgba(255,255,255,.3);border-bottom:2px solid rgba(255,255,255,.3);transform:rotate(-45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(-45deg) translate(0)}50%{transform:rotate(-45deg) translate(5px,5px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-intro{text-align:center;padding:5rem 2rem 2rem;max-width:700px;margin:0 auto}.section-intro h2{font-family:Secular One,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);color:var(--blue-deep);margin-bottom:1rem}.section-intro p{font-size:1.15rem;color:var(--text-light);line-height:1.7}.projects{max-width:1200px;margin:0 auto;padding:2rem 2rem 5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.project-card{border-radius:20px;padding:2.5rem 2rem 2rem;position:relative;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease;display:flex;flex-direction:column;min-height:260px;opacity:0;transform:translateY(40px)}.project-card.visible{animation:cardReveal .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000001f}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease;border-radius:20px}.project-card:hover:before{opacity:1}.card-emoji{font-size:2.5rem;margin-bottom:1rem;display:block;transition:transform .4s cubic-bezier(.23,1,.32,1)}.project-card:hover .card-emoji{transform:scale(1.15) rotate(-5deg)}.card-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;opacity:.6}.card-title{font-family:Secular One,sans-serif;font-size:1.5rem;margin-bottom:.6rem;line-height:1.3}.card-desc{font-size:.95rem;line-height:1.6;opacity:.75;flex-grow:1}.card-more{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18);animation:fadeUp .3s ease-out}.card-more p{font-size:.92rem;line-height:1.65;opacity:.85;margin-bottom:.5rem}.card-more p:last-child{margin-bottom:0}.card-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-weight:700;font-size:.9rem;text-decoration:none;transition:gap .3s ease}.card-link:hover{gap:.8rem}.card-link .arrow{display:inline-block;transition:transform .3s ease;font-size:1.1em}.card-link:hover .arrow{transform:translate(-4px)}[dir=ltr] .card-link:hover .arrow{transform:translate(4px)}.card-hitech{background:linear-gradient(135deg,#1b2a4a,#2d4373);color:var(--white)}.card-hitech .card-link{color:var(--orange-light)}.card-hitech:before{background:linear-gradient(135deg,#223358,#3a5590)}.card-papot{background:linear-gradient(135deg,var(--orange) 0%,#FF8C5A 100%);color:var(--white)}.card-papot .card-link{color:var(--blue-deep)}.card-papot:before{background:linear-gradient(135deg,#ff7d4a,#ffa070)}.card-saba{background:var(--white);color:var(--text-dark);border:2px solid rgba(0,0,0,.06)}.card-saba .card-link{color:var(--orange)}.card-saba:before{background:var(--white);box-shadow:inset 0 0 0 2px #ff6b3533}.card-hayom{background:linear-gradient(135deg,#7b2fbe,#c850c0);color:var(--white)}.card-hayom .card-link{color:#f0abfc}.card-hayom:before{background:linear-gradient(135deg,#8b3fce,#d860d0)}.card-holland{background:var(--sand);color:var(--text-dark)}.card-holland .card-link{color:var(--blue-mid)}.card-holland:before{background:#f0dcc6}.card-hagada{background:linear-gradient(135deg,#6c3483,#8e44ad);color:var(--white)}.card-hagada .card-link{color:#f5d76e}.card-hagada:before{background:linear-gradient(135deg,#7d3c98,#a155c2)}.card-hatecheck{background:var(--text-dark);color:var(--white)}.card-hatecheck .card-link{color:#ff6b6b}.card-hatecheck:before{background:#252545}.card-nca{background:linear-gradient(135deg,#c0392b,#e74c3c);color:var(--white)}.card-nca .card-link{color:#fdebd0}.card-nca:before{background:linear-gradient(135deg,#d44333,#f15a4a)}.card-jobs{background:linear-gradient(135deg,#0f3460,#16213e);color:var(--white)}.card-jobs .card-link{color:#4fc3f7}.card-jobs:before{background:linear-gradient(135deg,#1a4a7a,#1e2e50)}.card-business{background:linear-gradient(135deg,#b7791f,#d69e2e);color:var(--white)}.card-business .card-link{color:#fef3c7}.card-business:before{background:linear-gradient(135deg,#c68a2a,#e5b340)}.card-nifgashim{background:linear-gradient(135deg,#16705f,#1daa8a);color:var(--white)}.card-nifgashim .card-link{color:#a7f3d0}.card-nifgashim:before{background:linear-gradient(135deg,#1a7e6c,#22bf9a)}.card-elect{background:linear-gradient(135deg,#154b8c,#1e6ec2);color:var(--white)}.card-elect .card-link{color:#fed56a}.card-elect:before{background:linear-gradient(135deg,#1a5ba6,#2680d4)}.card-places{background:linear-gradient(135deg,#0d9488,#14b8a6);color:var(--white)}.card-places .card-link{color:#ccfbf1}.card-places:before{background:linear-gradient(135deg,#0f9d90,#17c5b5)}.card-status{display:inline-block;font-size:.7rem;font-weight:700;padding:.25em .75em;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;position:absolute;top:1.2rem;left:1.2rem}[dir=ltr] .card-status{left:auto;right:1.2rem}.status-live{background:#21a36633;color:#2ecc71}.status-soon{background:#ffffff26;color:#fff9}.card-saba .status-soon,.card-holland .status-soon{background:#0000000f;color:#0006}.footer{background:var(--blue-deep);color:#ffffff80;text-align:center;padding:3rem 2rem;font-size:.9rem}.footer-brand{font-family:Secular One,sans-serif;font-size:1.3rem;color:var(--white);margin-bottom:.5rem}.footer-brand .dot{color:var(--orange)}.footer a{color:var(--orange-light);text-decoration:none}.footer a:hover{text-decoration:underline}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}@media (max-width: 700px){.projects{grid-template-columns:1fr}.project-card{min-height:200px}.project-card.expanded{grid-column:span 1}}