@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
:root{--bg:#07080b;--panel:#101218;--panel2:#151821;--text:#f7f8fb;--muted:#9ca3af;--accent:#7c5cff;--accent2:#24d6ff;--line:#252a35}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Cairo,system-ui,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}
.nav{height:78px;display:flex;align-items:center;gap:34px;padding:0 6%;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,8,11,.82);backdrop-filter:blur(18px);z-index:10}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--accent2)}nav{display:flex;gap:25px;margin:auto;font-size:14px;color:#c7cad2}nav a:hover,.text-link:hover{color:var(--accent2)}.nav-btn{padding:9px 17px;border:1px solid #39404e;border-radius:10px;font-size:13px}
.hero{min-height:650px;padding:85px 8%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:radial-gradient(circle at 75% 45%,#172047 0,transparent 36%),radial-gradient(circle at 15% 20%,#19112f 0,transparent 28%)}.badge,.eyebrow{color:var(--accent2);font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(52px,7vw,92px);line-height:1.05;margin:18px 0}.hero h1 strong{background:linear-gradient(90deg,#fff,var(--accent2));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:540px;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px;font-weight:800;font-size:14px}.primary{background:var(--text);color:#090a0e}.ghost{border:1px solid #363c49;color:var(--text)}

.hero-card{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#5b45ff,#172044 55%,transparent 70%);filter:blur(5px)}
.device{width:220px;height:350px;border:2px solid #7e8aff;border-radius:36px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;transform:rotate(-8deg);background:#090a0e;box-shadow:0 0 90px #5346d955, inset 0 0 30px #000;z-index:1;overflow:hidden;position:relative;padding:0 12px 18px}
.device:before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:70px;height:18px;border-radius:999px;background:#050609;z-index:5}
.device-photo{position:absolute;inset:0;overflow:hidden;border-radius:32px;background:#12151f}
.device-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block;filter:saturate(1.04) contrast(1.03)}
.device-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02) 35%,rgba(5,6,10,.12) 48%,rgba(5,6,10,.94) 100%);z-index:2}
.device-brand{position:relative;z-index:3;font-size:25px;font-weight:900;letter-spacing:-1px;text-shadow:0 2px 12px #000}.device-brand span{color:var(--accent2)}
.device-role{position:relative;z-index:3;color:#d8dbe5;font-size:8px;margin-top:-2px}
.device-stats{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;text-align:center;border-top:1px solid #ffffff2b;padding-top:8px}
.device-stats div{display:flex;flex-direction:column;line-height:1.15}.device-stats strong{font-size:11px;color:#fff}.device-stats span{font-size:7px;color:#aeb5c5;margin-top:2px}
.floating-card{position:absolute;padding:10px 15px;background:#11141bd9;border:1px solid #303644;border-radius:12px;font-size:12px;backdrop-filter:blur(10px)}.one{top:55px;right:0}.two{bottom:65px;left:0}.three{bottom:18px;right:45px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 8%;text-align:center}.stats div{display:flex;flex-direction:column}.stats strong{font-size:25px}.stats span{font-size:12px;color:var(--muted)}
.section{padding:90px 8%}.section.alt{background:#0b0d12}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section h2,.contact h2{font-size:38px;line-height:1.2;margin:7px 0}.section-head p{color:var(--muted);max-width:430px;font-size:14px}.search-box{display:flex;gap:10px;margin-bottom:25px}.search-box input{flex:1;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:12px;padding:14px 18px;font-family:inherit;outline:none}.search-box input:focus{border-color:var(--accent)}.search-box button{border:0;border-radius:12px;padding:0 25px;background:var(--accent);color:#fff;font-family:inherit;font-weight:800}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phone-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;transition:.2s}.phone-card:hover{transform:translateY(-4px);border-color:#555e73}.phone-icon{height:150px;border-radius:13px;background:linear-gradient(135deg,#171b28,#252b3b);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#aeb7ff}.phone-card h3{margin:18px 0 2px}.phone-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.phone-card span,.review a{color:var(--accent2);font-size:13px;font-weight:800}
.review-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.review{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.review-image{height:220px;background:radial-gradient(circle at 60% 40%,#423f9a,#171925 55%,#0b0c10);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;letter-spacing:2px}.review-body{padding:22px}.review h3{font-size:21px;margin:10px 0}.review p{color:var(--muted);font-size:13px}.tag{font-size:11px;color:var(--accent2);font-weight:800}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video{height:230px;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#151829,#0e1016);transition:.2s}.video:hover{transform:translateY(-4px)}.video span{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;margin-bottom:auto}.video b{font-size:17px}
.contact{margin:0 8% 80px;padding:55px;border:1px solid #303644;border-radius:24px;background:radial-gradient(circle at 80% 20%,#24204d,transparent 40%),#0e1016;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact p{color:var(--muted);max-width:570px}.contact-actions{display:flex;gap:10px;flex-shrink:0}
footer{padding:30px 8%;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:var(--muted);font-size:12px}.socials{margin-right:auto;display:flex;gap:18px}.socials a:hover{color:#fff}
@media(max-width:800px){.nav{padding:0 5%;height:68px}.nav nav,.nav-btn{display:none}.hero{grid-template-columns:1fr;padding:65px 6%;text-align:center}.hero p{margin:0 auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-card{height:300px}.device{width:160px;height:250px;font-size:24px;border-radius:29px;padding-bottom:13px}.device-photo{border-radius:26px}.device-brand{font-size:20px}.device-role{font-size:6px}.device-stats{margin-top:6px;padding-top:5px}.device-stats strong{font-size:8px}.device-stats span{font-size:5px}.floating-card{font-size:10px;padding:8px 10px}.one{top:30px;right:0}.two{bottom:40px;left:0}.three{bottom:5px;right:20px}.stats{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px 6%}.section{padding:65px 6%}.section-head,.contact{flex-direction:column;align-items:flex-start}.phone-grid,.review-grid,.video-grid{grid-template-columns:1fr}.contact{margin:0 6% 60px;padding:35px}.contact-actions{flex-wrap:wrap}footer{flex-wrap:wrap}.socials{margin-right:0;width:100%}}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.about-card{padding:30px;border:1px solid #252a35;border-radius:22px;background:#101217;display:flex;flex-direction:column;gap:12px}.about-card strong{font-size:22px;color:#f5f7ff}.about-card span{color:#9aa2b2;font-size:16px}@media(max-width:800px){.about-grid{grid-template-columns:1fr}}

.exhibitions-home{background:#090b10}.exhibition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.exhibition-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.exhibition-card:hover{transform:translateY(-4px);border-color:#555e73}.exhibition-cover{height:250px;background:linear-gradient(135deg,#15192a,#22294a);background-size:cover;background-position:center;position:relative}.exhibition-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,8,11,.82),transparent 60%)}.exhibition-cover span{position:absolute;z-index:1;top:15px;right:15px;background:#18d2ff;color:#071017;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.exhibition-body{padding:22px}.exhibition-body b{font-size:22px;display:block}.exhibition-body small{color:var(--accent2);display:block;margin-top:4px}.exhibition-body p{color:var(--muted);font-size:13px}.exhibition-page .hero-mini{padding:75px 8%;background:radial-gradient(circle at 75% 30%,#24205a,transparent 42%),#08090d}.exhibition-page .hero-mini h1{font-size:clamp(40px,6vw,70px);margin:12px 0}.exhibition-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.media-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.media-card img{width:100%;height:210px;object-fit:cover;display:block}.media-video{aspect-ratio:16/9}.media-video iframe{width:100%;height:100%;border:0}.media-card .body{padding:16px}.media-card small{color:var(--muted)}.pill{display:inline-block;padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:10px;color:var(--accent2)}
@media(max-width:800px){.exhibition-grid,.exhibition-list,.media-grid{grid-template-columns:1fr}.exhibition-cover{height:210px}}