*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07070c;color:#f5f5f7;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#fff;color:#07070c}
.navbar{position:fixed;top:0;left:0;width:100%;height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(7,7,12,.76);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);z-index:1000}.logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2px}.logo-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#fff,#777);color:#08080d;font-size:18px;font-weight:900}.logo>span:last-child{font-size:15px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:#9999a5;font-size:12px;font-weight:600;transition:.3s}.nav-links a:hover,.nav-links a.active{color:#fff}.menu-button{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:10px}.menu-button span{display:block;width:19px;height:2px;margin:4px auto;background:#fff}
.section{padding:130px 8%}.section-label{color:#777782;font-size:10px;font-weight:800;letter-spacing:2px}.section-heading{max-width:800px;margin-bottom:60px}.section-heading h2,.intro h2,.about-box h2{margin-top:18px;font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-3px}.section-heading h2 span,.intro h2 span,.about-box h2 span{color:#777782}.section-heading p,.intro-grid p{margin-top:22px;max-width:650px;color:#858590;font-size:16px}
.hero{min-height:100vh;padding:150px 8% 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;overflow:hidden}.hero-content{z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,255,255,.1);border-radius:100px;background:rgba(255,255,255,.035);color:#9d9da8;font-size:10px;font-weight:800;letter-spacing:1.5px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}.hero h1{margin-top:28px;max-width:800px;font-size:clamp(65px,9vw,125px);line-height:.9;letter-spacing:-7px}.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.hero p,.product-copy p{max-width:570px;margin-top:32px;color:#92929d;font-size:17px}.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 21px;border-radius:10px;font-size:13px;font-weight:700;transition:.3s}.button:hover{transform:translateY(-3px)}.primary-button{background:#fff;color:#08080d}.secondary-button{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#fff}
.hero-visual{position:relative;width:min(500px,100%);aspect-ratio:1;margin:auto}.core{position:absolute;left:50%;top:50%;width:155px;height:155px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff 0%,#cfcfd5 15%,#111117 55%,#08080d 70%);box-shadow:0 0 60px rgba(255,255,255,.14);z-index:3}.core-inner{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:#08080d;border:1px solid rgba(255,255,255,.18);font-size:35px;font-weight:900}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:70%;height:35%;animation:spin 12s linear infinite}.orbit-two{width:88%;height:48%;animation:spin 17s linear infinite reverse}.floating-card{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);background:rgba(15,15,22,.82);backdrop-filter:blur(15px);border-radius:12px;z-index:5;animation:float 4s ease-in-out infinite}.floating-card span{display:flex;flex-direction:column}.floating-card small{color:#777782;font-size:9px}.floating-card b{font-size:11px}.card-ai{top:15%;left:8%}.card-game{right:2%;top:39%;animation-delay:-1.3s}.card-code{left:13%;bottom:14%;animation-delay:-2.5s}
.intro{border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:40px}.intro-grid p{margin-bottom:25px}
.create-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.create-card{position:relative;min-height:350px;padding:35px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:20px;overflow:hidden;transition:.35s}.create-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.2)}.card-number{position:absolute;right:25px;top:22px;color:#45454f;font-size:11px}.create-icon{font-size:40px;margin-bottom:40px}.create-card h3{font-size:25px;margin-bottom:13px}.create-card p{max-width:460px;color:#7e7e89;font-size:14px}.create-card b{position:absolute;left:35px;bottom:30px;font-size:12px}
.projects-preview{background:#09090f}.project-list{display:flex;flex-direction:column;gap:18px}.project-card{display:grid;grid-template-columns:40% 60%;min-height:270px;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.025);transition:.35s}.project-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18)}.project-image{display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 55%),#101018;font-size:38px;font-weight:900;letter-spacing:4px}.game-project{background:radial-gradient(circle,rgba(100,100,255,.14),transparent 55%),#101018}.project-info{padding:40px;display:flex;flex-direction:column;justify-content:center}.tag{color:#70707b;font-size:9px;font-weight:800;letter-spacing:1.4px}.project-info h3{font-size:29px;margin:12px 0}.project-info p,.game-content p,.tile-content p,.product-card p{color:#7f7f8a;font-size:14px}.status{display:inline-block;margin-top:20px;color:#bbb;font-size:10px;font-weight:700}.text-link{display:inline-block;margin-top:28px;font-size:12px;font-weight:700}
.about{display:flex;justify-content:center}.about-box{width:100%;max-width:1100px;padding:70px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:radial-gradient(circle at top right,rgba(255,255,255,.055),transparent 35%),rgba(255,255,255,.018)}.about-box p{max-width:760px;margin-top:28px;color:#858590;font-size:16px}.about-line{height:1px;margin:50px 0 25px;background:rgba(255,255,255,.08)}.about-box strong{display:block;font-size:13px;letter-spacing:3px}.about-box small{color:#666670;font-size:9px;letter-spacing:2px}.cta{text-align:center;min-height:560px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cta h2,.page-cta h2{margin-top:20px;max-width:900px;font-size:clamp(50px,7vw,95px);line-height:1;letter-spacing:-4px}.cta h2 span,.page-cta h2 span{color:#777782}.cta p{margin-top:25px;color:#777782}.cta .button,.page-cta .button{margin-top:30px}
.product-hero{min-height:100vh;padding:160px 8% 90px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.product-copy h1{margin-top:25px;font-size:clamp(60px,8vw,110px);line-height:.92;letter-spacing:-6px}.product-copy h1 span{display:block;color:#777782}.product-orb,.gaming-visual{position:relative;width:min(430px,90vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.025) 45%,transparent 70%);box-shadow:0 0 100px rgba(255,255,255,.08);animation:breathe 5s ease-in-out infinite}.product-orb:before,.product-orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.product-orb:before{width:70%;height:70%}.product-orb:after{width:90%;height:45%;transform:rotate(30deg)}.product-orb-core{width:135px;height:135px;display:grid;place-items:center;border-radius:35px;background:#09090f;border:1px solid rgba(255,255,255,.16);font-size:30px;font-weight:900}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{min-height:340px;padding:32px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:.35s}.product-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.2)}.product-icon{font-size:34px;margin-bottom:45px}.product-card h3{margin-top:12px;font-size:24px}.dark-panel{background:#09090f;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.vision-content{max-width:900px}.vision-content h2{margin-top:20px;font-size:clamp(45px,7vw,90px);line-height:1;letter-spacing:-4px}.vision-content h2 span{color:#777782}.vision-content p{max-width:650px;margin-top:30px;color:#858590;font-size:17px}.page-cta{min-height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.game-core{position:relative;z-index:3;width:150px;height:150px;display:grid;place-items:center;border-radius:40px;background:linear-gradient(145deg,#20202b,#09090f);border:1px solid rgba(255,255,255,.16);font-size:60px;box-shadow:0 0 80px rgba(255,255,255,.1);animation:float 4s ease-in-out infinite}.game-ring{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.ring-a{width:70%;height:70%;animation:spin 15s linear infinite}.ring-b{width:95%;height:45%;transform:rotate(35deg);animation:spin 20s linear infinite reverse}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.game-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.game-cover{min-height:280px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 50%),#101018;font-size:38px;font-weight:900;letter-spacing:4px}.second-cover{background:radial-gradient(circle,rgba(100,100,255,.14),transparent 50%),#101018}.game-content{padding:30px}.game-content h3{margin-top:12px;font-size:27px}.projects-page-hero{min-height:75vh;padding:180px 8% 100px;display:flex;flex-direction:column;justify-content:center}.projects-page-hero h1{margin-top:25px;font-size:clamp(60px,10vw,125px);line-height:.88;letter-spacing:-7px}.projects-page-hero h1 span,.projects-page-hero h1 strong{display:block}.projects-page-hero h1 span{color:#777782}.projects-page-hero h1 strong{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.projects-page-hero p{max-width:650px;margin-top:35px;color:#858590;font-size:17px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter-button{padding:9px 15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025);color:#858590;font-size:11px;cursor:pointer;transition:.3s}.filter-button:hover,.filter-button.active{background:#fff;color:#08080d;border-color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-tile{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);transition:.35s}.project-tile:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2)}.tile-visual{min-height:270px;display:grid;place-items:center;font-size:38px;font-weight:900;letter-spacing:4px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 55%),#101018}.gaming-tile{background:radial-gradient(circle,rgba(100,100,255,.14),transparent 55%),#101018}.tile-content{padding:27px}.tile-content h3{margin-top:10px;font-size:24px}
.footer{padding:70px 8% 25px;background:#050509;border-top:1px solid rgba(255,255,255,.07)}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-top p{margin-top:15px;color:#686872;font-size:13px}.footer-links{display:flex;gap:28px}.footer-links a{color:#777782;font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;color:#50505a;font-size:10px}
@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@media(max-width:850px){.navbar{padding:0 5%}.menu-button{display:block}.nav-links{position:absolute;top:68px;left:5%;right:5%;padding:10px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(10,10,16,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px}.nav-links.open{display:flex}.nav-links a{padding:12px}.hero,.product-hero{grid-template-columns:1fr;text-align:center;padding:135px 6% 80px}.hero-content,.product-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:clamp(55px,14vw,95px)}.hero p,.product-copy p{font-size:15px}.hero-buttons{width:100%;flex-direction:column}.button{width:100%}.intro-grid{grid-template-columns:1fr;gap:30px}.create-grid,.product-grid,.game-grid,.projects-grid{grid-template-columns:1fr}.project-card{grid-template-columns:1fr}.project-image{min-height:220px}.projects-page-hero{padding:145px 6% 80px}.projects-page-hero h1{font-size:clamp(55px,15vw,90px)}.about-box{padding:40px 28px}.footer{padding:55px 6% 25px}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:600px){.logo>span:last-child{font-size:13px}.logo-mark{width:32px;height:32px}.section{padding:90px 6%}.section-heading h2,.intro h2,.about-box h2{font-size:48px}.product-copy h1{font-size:clamp(54px,14vw,82px);letter-spacing:-4px}.product-orb,.gaming-visual{width:320px}.product-orb-core{width:105px;height:105px}.game-core{width:115px;height:115px;font-size:45px}.footer-links{gap:20px}}

/* ===== BRIGHTCELL PHASE 3 ===== */
:root{
  --bc-bg:#07070c;
  --bc-surface:#0d0d14;
  --bc-border:rgba(255,255,255,.09);
  --bc-text:#f5f5f7;
  --bc-muted:#858590;
  --bc-accent:#8d7cff;
}
body.is-loading{overflow:hidden}
.loader{position:fixed;inset:0;z-index:9999;background:var(--bc-bg);display:grid;place-items:center;transition:opacity .65s ease,visibility .65s ease}
.loader.hide{opacity:0;visibility:hidden}
.loader-inner{text-align:center}
.loader-mark{width:70px;height:70px;margin:auto;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#fff,#777);color:#08080d;font-size:34px;font-weight:900;box-shadow:0 0 50px rgba(255,255,255,.12);animation:loaderPulse 1.6s ease-in-out infinite}
.loader-name{margin-top:20px;font-size:14px;font-weight:900;letter-spacing:4px}
.loader-sub{margin-top:7px;color:#666670;font-size:9px;letter-spacing:2px}
.loader-bar{width:160px;height:2px;margin:22px auto 0;background:rgba(255,255,255,.08);overflow:hidden;border-radius:4px}
.loader-bar span{display:block;width:45%;height:100%;background:#fff;animation:loaderBar 1.3s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
.brand-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.brand-pill{padding:8px 11px;border:1px solid var(--bc-border);border-radius:999px;color:#aaaab4;background:rgba(255,255,255,.025);font-size:10px;font-weight:700}
.page-hero{min-height:72vh;padding:170px 8% 100px;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{margin-top:22px;font-size:clamp(58px,9vw,115px);line-height:.9;letter-spacing:-6px}
.page-hero h1 span{display:block;color:#777782}
.page-hero p{max-width:680px;margin-top:30px;color:var(--bc-muted);font-size:17px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{padding:35px;border:1px solid var(--bc-border);border-radius:20px;background:rgba(255,255,255,.025)}
.contact-card h3{font-size:23px;margin-bottom:10px}
.contact-card p{color:var(--bc-muted);font-size:14px}
.contact-card a{display:inline-block;margin-top:18px;font-size:13px;font-weight:800}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value-card{padding:30px;border:1px solid var(--bc-border);border-radius:18px;background:rgba(255,255,255,.02)}
.value-card b{font-size:28px}.value-card h3{margin-top:28px}.value-card p{margin-top:10px;color:var(--bc-muted);font-size:13px}
@keyframes loaderPulse{0%,100%{transform:scale(1);box-shadow:0 0 35px rgba(255,255,255,.08)}50%{transform:scale(1.06);box-shadow:0 0 70px rgba(255,255,255,.16)}}
@keyframes loaderBar{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}
@media(max-width:850px){.contact-grid,.values-grid{grid-template-columns:1fr}.page-hero{padding:145px 6% 80px}.page-hero h1{font-size:clamp(54px,14vw,88px);letter-spacing:-4px}}

.collaboration-section{padding-top:20px}.collaboration-section .about-box{background:radial-gradient(circle at 85% 20%,rgba(141,124,255,.10),transparent 35%),rgba(255,255,255,.018)}.collaboration-button{margin-top:30px;width:auto}.collaboration-section .about-box p strong{color:#ddd;font-weight:700}
@media(max-width:600px){.collaboration-button{width:100%}}

/* ===== PHASE 8 — WORK WITH BRIGHTCELL APPLICATION ===== */
.application-section{padding-top:70px}
.application-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.application-intro h2{margin-top:18px;font-size:clamp(45px,5vw,70px);line-height:.95;letter-spacing:-3px}
.application-intro h2 span{color:#777782}
.application-intro>p{margin-top:25px;color:#858590;font-size:14px;max-width:430px}
.application-note{display:flex;flex-direction:column;gap:7px;margin-top:35px;padding:20px;border-left:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}
.application-note strong{font-size:12px}.application-note span{color:#777782;font-size:11px}
.application-form{padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.application-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#aaaab4;font-size:10px;font-weight:800;letter-spacing:.7px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.application-form input,.application-form select,.application-form textarea{width:100%;border:1px solid rgba(255,255,255,.09);outline:0;border-radius:9px;background:#09090f;color:#f5f5f7;padding:12px;font:inherit;font-size:12px;letter-spacing:0;transition:.25s}
.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border-color:rgba(255,255,255,.35);box-shadow:0 0 0 3px rgba(255,255,255,.035)}
.application-form textarea{min-height:125px;resize:vertical}
.application-form select option{background:#0b0b12;color:#fff}
.application-form .optional{color:#5f5f69;font-weight:500;letter-spacing:0}
.consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important;color:#777782!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important}
.consent input{width:16px;height:16px;margin-top:1px;accent-color:#fff}
.consent span{line-height:1.5}
.application-submit{width:100%;margin-top:3px;border:0;cursor:pointer}
.application-status{min-height:18px;margin-top:12px;color:#bbb;font-size:11px;text-align:center}
.form-disclaimer{margin-top:8px;color:#555560;font-size:9px;text-align:center;line-height:1.5}.form-disclaimer strong{color:#777782}
@media(max-width:900px){.application-layout{grid-template-columns:1fr;gap:35px}.application-intro>p{max-width:650px}}
@media(max-width:600px){.application-form{padding:22px 18px}.form-row{grid-template-columns:1fr;gap:0}.application-intro h2{font-size:47px}}

/* ===== PHASE 9 — ADMIN FOUNDATION ===== */
.admin-body{background:#06060b;min-height:100vh}
.admin-navbar{position:sticky;top:0;z-index:100;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;background:rgba(7,7,12,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-view-site{font-size:11px;color:#888893;font-weight:700}.admin-view-site:hover{color:#fff}
.admin-main{width:min(1400px,90%);margin:auto;padding:70px 0 100px}
.admin-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.admin-head h1{margin-top:16px;font-size:clamp(48px,7vw,82px);line-height:.9;letter-spacing:-4px}.admin-head h1 span{color:#777782}.admin-head p{margin-top:22px;max-width:650px;color:#858590;font-size:14px}.admin-badge{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#777782;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.admin-warning{margin-top:38px;padding:15px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025);color:#858590;font-size:11px;line-height:1.6}.admin-warning strong{color:#fff}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.admin-stats article{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.admin-stats span{display:block;color:#666670;font-size:9px;text-transform:uppercase;letter-spacing:1px}.admin-stats strong{display:block;margin-top:9px;font-size:30px}
.admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.admin-panel{padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.02)}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.admin-panel h2{margin-top:7px;font-size:24px}
.admin-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#aaaab4;font-size:10px;font-weight:800;cursor:pointer}.admin-button:hover{border-color:rgba(255,255,255,.25);color:#fff}.admin-button.primary{background:#fff;border-color:#fff;color:#08080d}
.admin-list{display:flex;flex-direction:column;gap:8px}.admin-project-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018)}.admin-project-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#101018;color:#aaa;font-size:9px;font-weight:900}.admin-project-info{min-width:0}.admin-project-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-project-info span{display:block;margin-top:4px;color:#666670;font-size:8px}.admin-delete{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:transparent;color:#777;cursor:pointer}.admin-delete:hover{color:#fff;border-color:rgba(255,255,255,.25)}
.admin-empty{text-align:center;padding:55px 20px;border:1px dashed rgba(255,255,255,.09);border-radius:13px}.admin-empty>div{font-size:27px}.admin-empty h3{margin-top:10px;font-size:15px}.admin-empty p{margin:10px auto 18px;max-width:300px;color:#666670;font-size:10px;line-height:1.6}.admin-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-roadmap div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.admin-roadmap b{font-size:10px;color:#666670}.admin-roadmap span{display:block;margin-top:15px;font-size:11px}.admin-roadmap em{display:block;margin-top:9px;color:#666670;font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:1px}
.roadmap-panel{margin-top:16px}
.admin-modal{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s}.admin-modal.open{opacity:1;visibility:visible}.admin-modal-box{position:relative;width:min(560px,100%);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0b0b12}.admin-modal-box h2{margin:9px 0 24px;font-size:28px}.admin-modal-box label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#aaaab4;font-size:10px;font-weight:800}.admin-modal-box input,.admin-modal-box select,.admin-modal-box textarea{border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#08080e;color:#fff;outline:0;padding:11px;font:inherit;font-size:12px}.admin-modal-box textarea{min-height:100px;resize:vertical}.admin-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#fff;font-size:18px;cursor:pointer}.admin-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:900px){.admin-head{align-items:start;flex-direction:column}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-roadmap{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.admin-main{width:92%;padding-top:45px}.admin-navbar{padding:15px 4%}.admin-navbar .logo>span:last-child{font-size:11px}.admin-panel{padding:18px}.admin-project-row{grid-template-columns:38px 1fr auto}.admin-project-row .delete-project{grid-column:3;grid-row:1}.admin-project-row .edit-project{grid-column:2;grid-row:2;justify-self:start}.admin-roadmap{grid-template-columns:1fr}}