:root{--gx-bg:#050816;--gx-card:rgba(15,23,42,.78);--gx-line:rgba(148,163,184,.2);--gx-text:#e5e7eb;--gx-muted:#94a3b8;--gx-blue:#60a5fa;--gx-purple:#a78bfa;--gx-pink:#f472b6}
.gx-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(96,165,250,.35);border-radius:999px;background:rgba(96,165,250,.1);color:#bfdbfe;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gx-project-hero,.gx-detail-hero,.gx-admin-hero{position:relative;padding:110px 0 85px;background:radial-gradient(circle at top left,rgba(96,165,250,.32),transparent 34%),radial-gradient(circle at top right,rgba(167,139,250,.25),transparent 34%),#050816;color:#fff;overflow:hidden}
.gx-project-hero:after,.gx-admin-hero:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:260px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.28),rgba(244,114,182,.22),transparent);filter:blur(40px)}
.gx-project-hero h1,.gx-detail-hero h1,.gx-admin-hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:18px 0 18px;max-width:920px}.gx-project-hero p,.gx-detail-hero p,.gx-admin-hero p{max-width:760px;color:#cbd5e1;font-size:18px;line-height:1.8}
.gx-projects-wrap,.gx-detail-main,.gx-admin-wrap{padding:70px 0}.gx-projects-head,.gx-admin-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:30px}.gx-projects-head h2,.gx-related-section h2,.gx-section-head h2{font-size:34px;margin:0 0 8px}.gx-projects-head p,.gx-section-head p{color:var(--gx-muted);margin:0}
.gx-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:28px}.gx-project-grid.small{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.gx-project-card{display:block;text-decoration:none;color:var(--gx-text);border:1px solid var(--gx-line);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.92));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.32);transition:.25s}.gx-project-card:hover{transform:translateY(-8px);border-color:rgba(96,165,250,.55)}.gx-card-image{position:relative;aspect-ratio:16/10;background:#111827;overflow:hidden}.gx-card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:.4s}.gx-project-card:hover .gx-card-image img{transform:scale(1.05)}.gx-card-image span{position:absolute;left:16px;bottom:16px;padding:7px 12px;border-radius:999px;background:rgba(2,6,23,.82);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700}.gx-card-body{padding:22px}.gx-card-body h3{margin:0 0 10px;font-size:24px;line-height:1.25;color:#fff}.gx-card-body p{margin:0 0 16px;color:#b6c2d3;line-height:1.65}.gx-card-body strong{color:#93c5fd}.gx-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.gx-card-meta span{font-size:12px;color:#cbd5e1;background:rgba(148,163,184,.12);padding:7px 10px;border-radius:999px}
.gx-detail-hero{background-size:cover;background-position:center}.gx-detail-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:40px;align-items:center}.gx-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.gx-detail-meta span{padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.78);border:1px solid rgba(255,255,255,.12);font-size:13px;color:#e2e8f0}.gx-hero-video,.gx-video-frame{aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#000;box-shadow:0 30px 90px rgba(0,0,0,.5)}.gx-hero-video iframe,.gx-hero-video video,.gx-video-frame iframe,.gx-video-frame video,.gx-video-card iframe,.gx-video-card video{width:100%;height:100%;border:0;display:block;object-fit:cover}
.gx-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.gx-glass,.gx-admin-card{border:1px solid var(--gx-line);border-radius:24px;background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(2,6,23,.9));box-shadow:0 24px 70px rgba(0,0,0,.28);color:var(--gx-text)}.gx-overview-card,.gx-info-card{padding:32px}.gx-overview-card h2,.gx-info-card h3,.gx-text-block h2{color:#fff}.gx-overview-card p,.gx-info-card p,.gx-text-block p{color:#cbd5e1;line-height:1.85}.gx-tags{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 26px}.gx-tags span{padding:8px 12px;border-radius:999px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.25);color:#bfdbfe}
.gx-section-block{margin-top:55px}.gx-section-head{margin-bottom:22px}.gx-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.gx-media-card{margin:0;border-radius:22px;overflow:hidden;background:rgba(15,23,42,.82);border:1px solid var(--gx-line)}.gx-media-card img{width:100%;height:270px;object-fit:cover;display:block}.gx-media-card figcaption,.gx-video-card{padding:16px}.gx-video-card{aspect-ratio:auto}.gx-video-card iframe,.gx-video-card video{aspect-ratio:16/9;border-radius:16px;background:#000}.gx-media-card strong,.gx-video-card h4{display:block;color:#fff;margin-bottom:6px}.gx-media-card p,.gx-video-card p{color:var(--gx-muted);margin:0;line-height:1.6}.gx-text-block{padding:34px}.gx-image-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;border:1px solid var(--gx-line);border-radius:28px;background:rgba(15,23,42,.75);padding:18px}.gx-image-feature img{width:100%;height:420px;object-fit:cover;border-radius:22px}.gx-image-feature div{padding:20px}.gx-image-feature h2{font-size:34px;color:#fff}.gx-image-feature p{color:#cbd5e1;line-height:1.85}.gx-video-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;padding:24px;align-items:center}.gx-video-showcase h2{color:#fff;font-size:34px}.gx-video-showcase p{color:#cbd5e1;line-height:1.8}.gx-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.gx-stat-card{padding:28px;border-radius:22px;background:linear-gradient(135deg,rgba(96,165,250,.16),rgba(167,139,250,.12));border:1px solid rgba(96,165,250,.25);text-align:center}.gx-stat-card strong{display:block;color:#fff;font-size:38px}.gx-stat-card span{color:#cbd5e1}.gx-quote{padding:36px}.gx-quote p{font-size:28px;line-height:1.6;color:#fff}.gx-quote cite{color:#93c5fd}.gx-cta-panel{padding:44px;border-radius:28px;background:radial-gradient(circle at top right,rgba(244,114,182,.28),transparent 35%),linear-gradient(135deg,#111827,#1e1b4b);border:1px solid rgba(255,255,255,.14);text-align:center;color:#fff}.gx-cta-panel h2{font-size:38px}.gx-cta-panel p{color:#cbd5e1;max-width:680px;margin:0 auto 24px}.gx-related-section{padding:20px 0 70px}
.gx-admin-wrap{color:var(--gx-text)}.gx-admin-card{padding:24px;margin-bottom:24px}.gx-login{max-width:460px;margin:auto}.gx-admin-form label,.gx-admin-card label{display:block;margin:14px 0 7px;color:#dbeafe;font-weight:700}.gx-admin-form input,.gx-admin-form textarea,.gx-admin-form select,.gx-admin-card input,.gx-admin-card textarea,.gx-admin-card select{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(148,163,184,.25);background:rgba(2,6,23,.76);color:#fff;padding:12px 14px}.gx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gx-form-grid .full{grid-column:1/-1}.gx-admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gx-alert{padding:14px 16px;border-radius:16px;margin-bottom:18px}.gx-alert.success{background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.3)}.gx-alert.error{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.3)}.gx-project-admin-row,.gx-block-row{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;border-top:1px solid var(--gx-line);padding:16px 0}.gx-project-admin-row img{width:90px;height:64px;object-fit:cover;border-radius:12px;background:#111827}.gx-block-row{grid-template-columns:1fr auto}.gx-admin-media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.gx-admin-media-list>div{padding:14px;border-radius:16px;background:rgba(2,6,23,.5);border:1px solid var(--gx-line)}.btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.35)}.btn.danger{background:#b91c1c;color:#fff}
@media(max-width:900px){.gx-detail-hero-inner,.gx-overview-grid,.gx-image-feature,.gx-video-showcase,.gx-admin-grid-2{grid-template-columns:1fr}.gx-projects-head,.gx-admin-top{align-items:flex-start;flex-direction:column}.gx-project-hero,.gx-detail-hero,.gx-admin-hero{padding:82px 0 60px}.gx-form-grid{grid-template-columns:1fr}.gx-project-admin-row{grid-template-columns:72px 1fr}.gx-project-admin-row>div:last-child{grid-column:1/-1}.gx-image-feature img{height:300px}}