:root{--blue:#00a3e4;--indigo:#4d4afb;--blue-deep:#2421b8;--black:#000;--white:#fff;--grad-main:linear-gradient(135deg, var(--blue) 0%, var(--indigo) 55%, var(--blue-deep) 100%);--ink:#0c0c14;--ink-soft:#4a4a5c;--surface:#fff;--surface-2:#f4f5fa;--line:#e3e4ee;--shadow-card:0 2px 3px #0c0c1412, 0 8px 10px -6px #0c0c1424;--shadow-pop:0 4px 6px #0c0c141a, 0 14px 18px -8px #0c0c1433;--radius:18px;--font-display:"Capriola", "Nunito Sans", sans-serif;--font-body:"Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);background:var(--surface-2);color:var(--ink);flex-direction:column;min-height:100dvh;font-size:16px;line-height:1.7;display:flex}main{flex:1}img{max-width:100%;display:block}a{color:var(--indigo);text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400}p{line-height:1.8}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.reveal{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}.nav{background:var(--black);color:#fff;z-index:100;justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{color:#fff;font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:10px;font-size:1.05rem;font-weight:400;display:flex}.nav-logo{object-fit:contain;width:30px;height:30px}.nav-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nav-links a{color:#ffffffb8;font-family:var(--font-body);letter-spacing:.25px;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;transition:color .15s,background .15s}.nav-links a:hover{color:#fff;background:#ffffff14}.nav-links a.active{background:var(--blue);color:#fff}.nav-btn{background:#ffffff1a}.nav-btn:hover{background:#ffffff2e}.nav-btn-admin{background:var(--indigo);color:#fff!important}.nav-btn-admin:hover{background:var(--blue-deep)}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;display:none}@media (max-width:768px){.nav{padding:14px 20px}.nav-toggle{display:flex}.nav-links{background:var(--black);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;padding:16px 20px;transition:opacity .2s,transform .2s;position:fixed;inset:60px 0 0;overflow-y:auto;transform:translateY(-8px)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{text-align:center;width:100%}}main,.page-hero,.hero{scroll-margin-top:64px}body{padding-top:64px}@media (max-width:768px){body{padding-top:58px}}.hero{color:#fff;text-align:center;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(135deg,#00a3e466 0%,#4d4afb73 55%,#2421b8b3 100%),linear-gradient(#0c0c148c,#0c0c14cc),url(/images/screenshot-1.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{max-width:900px;margin:0 auto;padding:100px 48px 110px;position:relative}@media (max-width:768px){.hero-content{padding:76px 22px 90px}}.hero-kicker{font-family:var(--font-body);letter-spacing:.35em;color:#ffffffbf;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:700}.hero-title{font-family:var(--font-display);letter-spacing:.03em;color:#fff;font-size:clamp(38px,6vw,64px);font-weight:400}.hero-sub{color:#ffffffd1;max-width:480px;margin:18px auto 34px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-soon{cursor:default}.hero .btn-primary,.hero .btn-light{color:var(--indigo);box-shadow:var(--shadow-card);background:#fff}.hero .btn-primary:hover,.hero .btn-light:hover{box-shadow:var(--shadow-pop)}.hero .btn-ghost{color:#fff;background:#ffffff14;border:1.5px solid #ffffff80}.hero .btn-ghost:hover{background:#ffffff29}.btn{font-family:var(--font-body);letter-spacing:.2px;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-solid{background:var(--ink);color:#fff;box-shadow:var(--shadow-card)}.btn-solid:hover{box-shadow:var(--shadow-pop)}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:var(--shadow-card)}.btn-primary:hover{box-shadow:var(--shadow-pop)}.btn-light{color:var(--indigo);box-shadow:var(--shadow-card);background:#fff}.btn-light:hover{box-shadow:var(--shadow-pop)}.btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-ghost-dark{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn-ghost-dark:hover{background:var(--surface-2)}.btn-small{background:var(--surface-2);color:var(--ink);box-shadow:none;padding:8px 16px;font-size:12.5px}.btn-small:hover{background:var(--line)}.btn-danger{color:#b93a3a;box-shadow:none;background:#d645451a;padding:8px 16px;font-size:12.5px}.btn-danger:hover{background:#d645452e}.btn-roblox{background:var(--ink);color:#fff;justify-content:center;width:100%;padding:14px}.btn-roblox:hover{box-shadow:var(--shadow-pop)}.section{padding:90px 48px}.section-alt{background:var(--surface)}.container{max-width:1280px;margin:0 auto}.container-narrow{max-width:900px;margin:0 auto}.section-title{font-family:var(--font-display);margin-bottom:32px;font-size:clamp(26px,3.6vw,42px);font-weight:400}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.section-head .section-title{margin-bottom:0}.link-more{font-size:14px;font-weight:700}.empty{color:var(--ink-soft)}@media (max-width:768px){.section{padding:76px 22px}}.gallery-carousel{align-items:center;gap:14px;margin-top:8px;display:flex}.gallery-viewport{flex:1;overflow:hidden}.gallery-track{will-change:transform;justify-content:flex-start;gap:16px;transition:transform .35s;display:flex}.gallery-item{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);min-width:120px;max-width:220px;box-shadow:var(--shadow-card);cursor:zoom-in;flex:0 0 calc(25% - 12px);transition:transform .2s,box-shadow .2s}.gallery-item:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)}.gallery-arrow{background:var(--surface);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;line-height:1;transition:background .15s,color .15s,transform .15s;display:flex}.gallery-arrow:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.gallery-arrow:disabled{opacity:.25;cursor:default}.lightbox{z-index:1000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-img{object-fit:contain;border-radius:var(--radius);cursor:default;max-width:92vw;max-height:88vh;box-shadow:0 8px 48px #0009}.lightbox-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:2.2rem;line-height:1;position:absolute;top:20px;right:22px}.lightbox-close:hover{opacity:1}.brand-card,.post-card,.team-card,.blog-row,.auth-card,.admin-form,.admin-table,.admin-card,.gallery-admin-card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.post-card{color:var(--ink);transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)}.post-card-img{aspect-ratio:16/9;background-position:50%;background-size:cover}.post-card-body{padding:22px 24px 26px}.post-card-body h3{font-family:var(--font-display);margin-bottom:8px;font-size:19px;font-weight:400}.post-card-body p{color:var(--ink-soft);margin-bottom:14px;font-size:15px}.post-card-meta{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.dot{opacity:.6}.avatar-sm{object-fit:cover;border-radius:50%;width:26px;height:26px}.avatar-md{object-fit:cover;border-radius:50%;width:44px;height:44px}.cta-band{background:var(--grad-main);color:#fff;text-align:center;padding:76px 48px}.cta-band h2{font-family:var(--font-display);margin-bottom:10px;font-size:clamp(24px,3vw,34px);font-weight:400}.cta-band p{color:#ffffffe0;margin-bottom:28px}@media (max-width:768px){.cta-band{padding:60px 22px}}.page-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#00a3e466 0%,#4d4afb73 55%,#2421b8b3 100%),linear-gradient(#0c0c1499,#0c0c14d9),url(/images/screenshot-2.png) 50%/cover;padding:100px 48px 72px}.page-hero h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:400}.page-hero p{color:#ffffffd1;max-width:560px;margin:12px auto 0}@media (max-width:768px){.page-hero{padding:76px 22px 56px}}.team-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.team-card{text-align:center;padding:30px 28px;transition:transform .2s,box-shadow .2s}.team-card:hover{box-shadow:var(--shadow-pop);transform:translateY(-4px)}.team-avatar{object-fit:cover;border:3px solid var(--blue);background:var(--surface-2);border-radius:50%;width:110px;height:110px;margin:0 auto 16px}.team-card h3{font-family:var(--font-display);font-size:19px;font-weight:400}.team-role{color:var(--indigo);letter-spacing:.2px;margin-bottom:6px;font-size:13px;font-weight:700}.team-roblox{color:var(--ink-soft);font-size:13px}.team-roblox:hover{color:var(--indigo)}.team-bio{color:var(--ink-soft);margin-top:10px;font-size:14.5px}.blog-list{flex-direction:column;gap:22px;display:flex}.blog-row{color:var(--ink);grid-template-columns:240px 1fr;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden}.blog-row:hover{box-shadow:var(--shadow-pop);transform:translateY(-3px)}.blog-row-img{background-position:50%;background-size:cover;min-height:150px}.blog-row-body{padding:22px 26px}.blog-row-body h2{font-family:var(--font-display);margin-bottom:8px;font-size:22px;font-weight:400}.blog-row-body p{color:var(--ink-soft);margin-bottom:12px;font-size:15px}@media (max-width:640px){.blog-row{grid-template-columns:1fr}.blog-row-img{aspect-ratio:16/9}}.post-cover{background-position:50%;background-size:cover;height:340px}.post{padding-bottom:76px}.post .container-narrow{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);margin-top:-64px;padding:40px clamp(20px,4vw,48px);position:relative}.post:not(:has(.post-cover)) .container-narrow{margin-top:48px}.post-title{font-family:var(--font-display);margin-bottom:18px;font-size:clamp(28px,4vw,40px);font-weight:400;line-height:1.25}.post-meta{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:28px;padding-bottom:22px;display:flex}.post-meta time{color:var(--ink-soft);font-size:13px;display:block}.post-meta .btn{margin-left:auto}.draft-banner{color:var(--blue-deep);background:#00a3e41a;border:1px solid #00a3e44d;border-radius:12px;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:700}.post-content{font-size:17px;line-height:1.85}.post-content h1,.post-content h2,.post-content h3{font-family:var(--font-display);margin:1.6em 0 .5em;font-weight:400;line-height:1.3}.post-content p{margin-bottom:1em}.post-content ul,.post-content ol{margin:0 0 1em 1.4em}.post-content img{box-shadow:var(--shadow-card);border-radius:12px;margin:1.2em auto}.post-content blockquote{border-left:4px solid var(--blue);color:var(--ink-soft);margin:1.2em 0;padding-left:1em}.post-content code{background:var(--surface-2);border-radius:4px;padding:.15em .4em;font-size:.9em}.post-content pre{background:var(--ink);color:#e8eaf6;border-radius:12px;margin-bottom:1em;padding:1em 1.2em;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.post-footer{margin-top:2.5rem}.auth-card{max-width:420px;margin:40px auto;padding:36px}.auth-card h1{font-family:var(--font-display);margin-bottom:8px;font-size:26px;font-weight:400}.auth-sub{color:var(--ink-soft);margin-bottom:24px;font-size:14.5px}.auth-divider{color:var(--ink-soft);align-items:center;gap:12px;margin:24px 0 16px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.alert{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.alert-error{color:#a23a3a;background:#d645451a;border:1px solid #d6454540}.alert-info{color:var(--blue-deep);background:#00a3e41a;border:1px solid #00a3e440}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.admin-user{align-items:center;gap:16px;display:flex}.admin-user h1{font-family:var(--font-display);font-size:26px;font-weight:400}.admin-user p{color:var(--ink-soft);font-size:14.5px}.admin-section-head{justify-content:space-between;align-items:center;gap:16px;margin:40px 0 16px;display:flex}.admin-section-head h2{font-family:var(--font-display);font-size:21px;font-weight:400}.admin-table{border-collapse:collapse;width:100%;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 18px;font-size:14.5px}.admin-table th{background:var(--surface-2);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.admin-table tr:last-child td{border-bottom:none}.admin-actions{align-items:center;gap:8px;display:flex}.admin-actions form{display:inline}.badge{border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700}.badge-green{color:var(--blue-deep);background:#00a3e41a}.badge-grey{background:var(--surface-2);color:var(--ink-soft)}.admin-form{flex-direction:column;gap:20px;margin-top:24px;padding:34px;display:flex}.admin-form label{flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;display:flex}.hint{color:var(--ink-soft);font-size:13px;font-weight:400}.admin-form input[type=text],.admin-form input[type=number],.admin-form input[type=password],.admin-form textarea,.admin-form input[type=file],.auth-form input{border:1.5px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:15px}.admin-form textarea#content{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;line-height:1.6}.admin-form input:focus,.admin-form textarea:focus,.auth-form input:focus{outline:2px solid var(--blue);border-color:#0000}.checkbox{align-items:center;flex-direction:row!important;gap:10px!important}.editor-toolbar{align-items:center;gap:14px;display:flex}.current-cover img{border-radius:12px;max-width:280px;margin-bottom:8px}.form-actions{gap:12px;display:flex}.footer{background:var(--black);color:#ffffffb8;margin-top:auto}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:32px;max-width:1280px;margin:0 auto;padding:48px;display:flex}.footer-brand{align-items:flex-start;gap:12px;display:flex}.footer-logo{object-fit:contain;width:34px;height:34px}.footer-brand strong{color:#fff;font-family:var(--font-display);letter-spacing:.06em;font-weight:400}.footer-brand p{max-width:280px;margin-top:4px;font-size:13.5px}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links a{color:#ffffffb8;font-size:13.5px;font-weight:700}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1f;padding:18px 48px;font-size:12.5px}.footer-admin{color:#ffffff80;margin-left:14px}.footer-admin:hover{color:#fff}@media (max-width:768px){.footer-inner{text-align:center;flex-direction:column;align-items:center;padding:40px 22px}.footer-brand{text-align:center;flex-direction:column;align-items:center}.footer-links{align-items:center}.footer-bottom{padding:18px 22px}}.admin-card{margin-bottom:32px;padding:26px}.admin-card h2{font-family:var(--font-display);margin-bottom:16px;font-size:19px;font-weight:400}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.gallery-admin-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:16px;display:grid}.gallery-admin-card{flex-direction:column;display:flex;overflow:hidden}.gallery-admin-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.gallery-alt-form{gap:8px;padding:12px;display:flex}.gallery-alt-form input{border:1.5px solid var(--line);background:var(--surface-2);min-width:0;color:var(--ink);border-radius:8px;flex:1;padding:6px 10px;font-size:13px}.gallery-admin-card>form:last-child{padding:0 12px 12px}.error-page{text-align:center;padding:120px 48px}.error-page h1{font-family:var(--font-display);color:var(--indigo);font-size:5rem;font-weight:400}.error-page p{color:var(--ink-soft);margin:12px 0 28px}