:root{--background:#07090d;--surface:#10141b;--surface-strong:#151a23;--surface-muted:#0c1016;--text:#f3f7fb;--muted:#a7b1c0;--line:#c8dbf521;--line-strong:#78bfff47;--accent:#61d8ff;--accent-strong:#9d8cff;--accent-soft:#61d8ff1f;--success:#45d483;--success-soft:#45d4831f;--danger:#ff6f7d;--danger-soft:#ff6f7d1f;--warning:#f5c76b;--radius:8px;--shadow:0 24px 70px #00000057;--public-shell:min(1520px, calc(100% - 56px));--admin-shell:min(1280px, calc(100% - 56px))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);min-width:320px}body{color:var(--text);background:linear-gradient(#61d8ff07 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#9d8cff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(145deg,#07090d 0%,#0b1018 46%,#050608 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:820px;margin:0;font-size:3.85rem;line-height:1.02}h2,h3,p{margin-top:0}.site-header,.site-footer,.hero,.projects-section,.about-section,.contact-section,.admin-shell{width:var(--public-shell);margin-inline:auto}.admin-shell{width:var(--admin-shell)}.site-header,.site-footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:1px solid var(--line);min-height:66px}.brand{letter-spacing:0;font-size:1.05rem;font-weight:800}.header-nav{align-items:center;gap:10px;display:flex}.header-link{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 13px;font-size:.92rem;font-weight:720;display:inline-flex}.header-link:hover{border-color:var(--line);color:var(--text);background:#ffffff0a}.site-footer{min-height:74px;color:var(--muted);border-top:1px solid var(--line);font-size:.92rem}.hero{padding:58px 0 36px}.hero-content{max-width:900px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.hero-lead{color:#ccd6e4;max-width:680px;margin:20px 0 0;font-size:1.06rem;line-height:1.62}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.projects-section{padding:18px 0 54px}.section-heading,.admin-section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px;display:flex}.section-heading h2,.admin-section-heading h2,.contact-section h2{margin:0;font-size:1.8rem;line-height:1.08}.section-description{max-width:410px;color:var(--muted);margin:0;line-height:1.55}.admin-section-heading span{color:var(--muted);font-weight:720}.project-filters{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.filter-chip{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:999px;padding:0 13px;font-size:.84rem;font-weight:760;transition:background .15s,border-color .15s,color .15s}.filter-chip:hover,.filter-chip.is-active{color:var(--text);background:#61d8ff24;border-color:#61d8ff80}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.featured-products,.recent-products{margin-bottom:24px}.compact-section-heading,.catalog-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.compact-section-heading h3,.catalog-heading h3{margin:0;font-size:1.28rem}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px;display:grid}.featured-grid.featured-count-1 .project-card{grid-template-columns:minmax(320px,.42fr) minmax(0,1fr);min-height:0;display:grid}.featured-grid.featured-count-1 .project-media{min-height:230px}.featured-grid.featured-count-1 .project-image{aspect-ratio:auto;height:100%;min-height:230px;max-height:300px}.featured-grid.featured-count-1 .project-card-content{justify-content:center;padding:20px}.featured-grid.featured-count-1 .project-card h2{font-size:1.45rem}.featured-grid.featured-count-1 .project-card p{-webkit-line-clamp:3;max-width:680px}.featured-grid:not(.featured-count-1) .project-image{aspect-ratio:16/7.2}.recent-products-row{flex-wrap:wrap;gap:10px;display:flex}.recent-product-link{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;min-width:190px;padding:10px 12px;display:grid}.recent-product-link span{color:var(--muted);margin-top:3px;font-size:.82rem}.search-field{min-width:min(360px,100%);color:var(--muted);text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:780;display:grid}.search-field input{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--text);text-transform:none;background:#05070ab8;outline:none;padding:0 12px}.search-field input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #61d8ff1f}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:#0e1219e0;flex-direction:column;min-height:100%;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000003d}.clickable-card{cursor:pointer}.clickable-card:focus-visible{outline-offset:3px;outline:3px solid #61d8ff73}.project-card.is-featured{border-color:#61d8ff5c}.project-media{background:var(--surface-muted);position:relative}.project-image{aspect-ratio:16/8.6;object-fit:cover;width:100%;display:block}.featured-badge{color:#e7faff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090dc7;border:1px solid #61d8ff57;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:.72rem;font-weight:780;display:inline-flex;position:absolute;top:12px;left:12px}.project-card-content{flex-direction:column;flex:1;gap:11px;padding:14px;display:flex}.project-card-topline,.admin-project-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-year,.admin-project-title span{color:var(--muted);font-size:.85rem;font-weight:760}.project-card h2,.admin-project-row h2{margin:0;font-size:1.04rem;line-height:1.25}.project-card p,.admin-project-row p,.about-section p,.contact-section p,.admin-header p,.auth-card p{color:var(--muted);line-height:1.62}.project-card p,.admin-project-row p{margin:0}.project-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.project-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.project-link{align-self:flex-start}.secondary-link{color:var(--muted)}.unavailable-link{cursor:not-allowed;opacity:.62}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:44px;padding:24px 0}.about-section p{max-width:860px;margin:0;font-size:.98rem}.about-section .eyebrow{margin-bottom:12px;font-size:.76rem}.contact-section{border:1px solid var(--line);border-radius:var(--radius);background:#0e1219b8;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:54px;padding:18px;display:grid}.contact-section p{max-width:720px;margin:8px 0 0;font-size:.95rem}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (hover:hover) and (pointer:fine){.project-card:hover,.admin-project-row:hover{border-color:#61d8ff59;transform:translateY(-3px);box-shadow:0 28px 80px #00000070}}.badge-row,.tech-chip-row{flex-wrap:wrap;gap:6px;display:flex}.badge,.tech-chip{border:1px solid var(--line);border-radius:999px;align-items:center;min-height:23px;font-size:.72rem;font-weight:740;display:inline-flex}.badge{color:#cdd7e4;background:#ffffff0e;padding:0 8px}.tech-chip{color:#bfeeff;background:#61d8ff14;padding:0 8px}.badge-online,.badge-available{color:#9ef0c4;background:#45d4831f;border-color:#45d48352}.badge-development,.badge-featured,.badge-beta{color:#d9d3ff;background:#9d8cff21;border-color:#9d8cff57}.badge-prototype,.badge-coming_soon{color:#ffe0a3;background:#f5c76b1f;border-color:#f5c76b57}.badge-private,.badge-archived{color:#c9d2df;background:#99a5b421;border-color:#99a5b442}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-weight:780;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button-primary{color:#041017;background:linear-gradient(135deg,#5ed8ff 0%,#9d8cff 100%)}.button-secondary{border-color:var(--line);color:var(--text);background:#ffffff0e}.button-ghost{color:var(--muted);background:0 0;border-color:#0000}.button-danger{background:var(--danger-soft);color:#ff9aa4;border-color:#ff6f7d47}.contact-menu{display:inline-flex;position:relative}.contact-popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:#0d1117fa;gap:6px;width:min(320px,100vw - 28px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000007a}.hero-actions .contact-popover,.contact-section .contact-popover{left:0;right:auto}.contact-popover-header{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:4px 6px 8px;font-size:.76rem;font-weight:800}.contact-popover-link{border-radius:var(--radius);border:1px solid #0000;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.contact-popover-link:hover,.contact-popover-link:focus-visible{border-color:var(--line-strong);background:#ffffff0d;outline:none}.contact-popover-icon{border:1px solid var(--line);width:32px;height:32px;color:var(--accent);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:820;display:inline-flex}.contact-popover-link strong,.contact-popover-link small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.contact-popover-link small{color:var(--muted);margin-top:2px;font-size:.78rem}.admin-shell{padding:34px 0 64px}.compact-shell{width:min(760px,100% - 40px)}.admin-section{border:1px solid var(--line);border-radius:var(--radius);background:#10141b94;margin-top:18px;padding:18px}.admin-header,.page-title{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.page-title{display:block}.admin-header h1,.page-title h1,.auth-card h1{margin:0;font-size:2.9rem;line-height:1}.admin-tabs{border:1px solid var(--line);background:#ffffff09;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.admin-tab{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:780}.admin-tab.is-active{color:var(--text);background:#61d8ff29}.admin-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.admin-overview span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff09;gap:4px;padding:12px;font-size:.84rem;display:grid}.admin-overview strong{color:var(--text);font-size:1.35rem}.admin-header-actions,.form-actions,.empty-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{color:var(--muted);justify-content:space-between;margin:0 0 16px}.auth-card,.admin-form,.empty-state,.loading-state,.admin-project-row{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#10141be6}.auth-card,.admin-form{gap:14px;padding:18px;display:grid}.admin-form{width:100%}.project-form{gap:16px}.form-section{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff06;gap:14px;min-width:0;margin:0;padding:14px;display:grid}.form-section legend{color:#dce7f3;padding:0 8px;font-size:.96rem;font-weight:820}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{color:#dbe5ef;gap:8px;font-size:.92rem;font-weight:720;display:grid}.input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:40px;color:var(--text);background:#05070ab8;outline:none;padding:10px 12px}.input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #61d8ff1f}.textarea{resize:vertical;min-height:96px}.image-upload-panel{border:1px dashed var(--line-strong);border-radius:var(--radius);background:#61d8ff0e;gap:12px;padding:14px;display:grid}.image-upload-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.upload-title{margin-bottom:6px;font-weight:820;display:block}.image-upload-content p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.upload-button{flex:none;position:relative;overflow:hidden}.upload-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.upload-button.is-disabled{cursor:not-allowed;opacity:.62}.upload-progress{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.upload-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .18s;display:block}.image-preview{border:1px solid var(--line);border-radius:var(--radius);background:#05070a99;overflow:hidden}.image-preview img{object-fit:cover;width:100%;max-height:280px;display:block}.checkbox-field{color:var(--muted);align-items:center;gap:10px;font-weight:720;display:flex}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent)}.form-error,.field-error{color:#ff9aa4}.form-error{border-radius:var(--radius);background:var(--danger-soft);border:1px solid #ff6f7d4d;padding:12px}.form-success{border-radius:var(--radius);background:var(--success-soft);color:#aaf0c9;border:1px solid #45d48347;padding:12px}.empty-state,.loading-state{text-align:center;padding:28px}.empty-state h2{margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 18px}.empty-actions{justify-content:center}.loading-state{color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite spin}.admin-list,.contact-items{gap:10px;display:grid}.contact-items-header,.contact-item-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-items-header h3{margin:0;font-size:1rem}.contact-item-row{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;gap:12px;padding:12px;display:grid}.contact-general-section{gap:12px}.contact-item-title{color:#dce7f3;justify-content:space-between;align-items:center;gap:12px;font-size:.88rem;font-weight:820;display:flex}.contact-item-grid{grid-template-columns:minmax(130px,.8fr) minmax(160px,1fr) minmax(180px,1.2fr) minmax(180px,1.2fr);gap:12px;display:grid}.admin-project-row{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:12px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.admin-project-main{min-width:0;display:block}.admin-project-main>div{gap:8px;min-width:0;display:grid}.admin-project-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:680px;font-size:.9rem;display:-webkit-box;overflow:hidden}.order-pill{background:var(--accent-soft);color:#bfeeff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;min-width:36px;height:23px;font-weight:820;display:inline-flex}.admin-project-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.order-input{border:1px solid var(--line);border-radius:var(--radius);width:68px;min-height:36px;color:var(--text);background:#05070ab8;padding:0 8px}.field-hint{color:var(--muted);margin:0;font-size:.9rem}.gallery-admin-list{gap:10px;display:grid}.gallery-admin-item{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.gallery-admin-item img{aspect-ratio:16/10;border-radius:var(--radius);object-fit:cover;width:96px}.gallery-admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-detail-shell{width:var(--public-shell);margin-inline:auto;padding:28px 0 72px}.back-link{color:var(--muted);margin-bottom:18px;font-weight:760;display:inline-flex}.product-hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:24px;display:grid}.product-hero-media,.product-panel,.product-info-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0e1219d1}.product-hero-media{min-height:380px;overflow:hidden}.product-hero-media img{object-fit:cover;width:100%;height:100%;min-height:380px}.product-hero-content{flex-direction:column;gap:18px;padding:24px 0;display:flex}.product-hero-content h1{font-size:3rem}.product-hero-content p,.product-panel p,.changelog-list p{max-width:780px;color:var(--muted);line-height:1.68}.product-actions{flex-wrap:wrap;gap:10px;display:flex}.product-feedback{color:#aaf0c9;margin:0;font-size:.9rem}.product-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:24px;display:grid}.product-main-sections{gap:18px;display:grid}.product-panel,.product-info-panel{padding:18px}.feature-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.feature-list span{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff09;padding:11px 12px}.product-gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.product-gallery button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;padding:0;overflow:hidden}.product-gallery button.is-active{border-color:var(--line-strong)}.product-gallery img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.changelog-list{gap:12px;display:grid}.changelog-list article{border-left:2px solid var(--line-strong);padding-left:12px}.changelog-list time{color:var(--accent);font-size:.82rem;font-weight:780}.changelog-list h2{margin:4px 0 6px;font-size:1rem}.product-info-panel dl{gap:12px;margin:0;display:grid}.product-info-panel div{gap:3px;display:grid}.product-info-panel dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:780}.product-info-panel dd{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){h1{font-size:2.45rem}.site-header,.site-footer,.hero,.projects-section,.about-section,.contact-section,.admin-shell,.compact-shell{width:min(100% - 28px,1180px)}.site-footer,.admin-header,.admin-project-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.hero{padding:36px 0 30px}.header-nav{gap:6px}.projects-section{padding-bottom:52px}.section-heading,.admin-section-heading,.contact-section{align-items:stretch}.section-heading,.admin-section-heading{flex-direction:column}.catalog-heading,.compact-section-heading,.product-hero,.product-detail-grid,.featured-grid.featured-count-1 .project-card,.gallery-admin-item{grid-template-columns:1fr}.catalog-heading,.compact-section-heading{align-items:stretch}.product-detail-shell{width:min(100% - 28px,1180px);padding-top:22px}.product-hero-media,.product-hero-media img{min-height:220px}.featured-grid.featured-count-1 .project-media,.featured-grid.featured-count-1 .project-image{min-height:180px;max-height:220px}.product-hero-content{padding:0}.product-hero-content h1{font-size:2.25rem}.contact-section{grid-template-columns:1fr;padding:20px}.contact-menu,.contact-menu .button{width:100%}.header-nav .contact-menu,.header-nav .contact-menu .header-link{width:auto}.hero-actions .contact-popover,.contact-section .contact-popover{left:auto;right:0}.contact-actions{justify-content:flex-start}.project-grid,.form-grid,.contact-item-grid{grid-template-columns:1fr}.image-upload-content{flex-direction:column;align-items:flex-start}.admin-project-actions{justify-content:flex-start}.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.admin-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header h1,.page-title h1,.auth-card h1{font-size:2.25rem}}@media (min-width:761px) and (max-width:1020px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.site-header,.site-footer,.hero,.projects-section,.about-section,.contact-section,.admin-shell{width:var(--public-shell)}.admin-shell{width:var(--admin-shell)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}}