:root{color-scheme:dark;--bg: #07090d;--panel: rgba(16, 20, 27, .82);--panel-strong: #111721;--line: rgba(174, 191, 217, .14);--line-strong: rgba(174, 191, 217, .24);--text: #f2f5f8;--muted: #8d98a8;--soft: #c4ccd8;--accent: #7dd3c7;--accent-2: #d6b879;--danger: #f28482;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:0;overflow-x:hidden;background:linear-gradient(rgba(91,238,222,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,238,222,.055) 1px,transparent 1px),radial-gradient(circle at 88% 4%,rgba(90,220,215,.16),transparent 34rem),radial-gradient(circle at 16% 0%,rgba(125,211,199,.11),transparent 27rem),linear-gradient(180deg,#0a0d13,#07090d 42%,#05070a);background-size:112px 112px,112px 112px,auto,auto,auto}.file-open-tip{display:grid;min-height:100vh;place-content:center;gap:12px;padding:40px;color:#f2f5f8;text-align:center}.file-open-tip p{margin:0;color:#8d98a8;font-size:18px}.file-open-tip strong{font-size:24px}button,input{font:inherit}button{color:inherit}.site-shell{width:min(1700px,calc(100vw - 64px));margin:0 auto;padding:24px 0 72px}.app-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:86px;margin-bottom:18px}.brand-mark{display:flex;align-items:center;gap:26px;height:86px}.logo-plate{display:grid;place-items:center;width:178px;height:64px;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.logo-plate img{display:block;width:178px;height:auto;transform:translateY(-9px)}.nav-divider{width:1px;height:46px;background:#7dd3c76b}.nav-title{display:flex;align-items:center;gap:14px;color:#dcebf5;font-size:20px;font-weight:800;line-height:1;transform:translateY(-1px)}.nav-title small{color:#8393a6;font-size:16px;font-weight:800;letter-spacing:.18em;line-height:1}.nav-actions{display:flex;gap:14px}.nav-actions button{border:1px solid rgba(125,211,199,.38);border-radius:16px;padding:14px 22px;background:#ffffff0b;color:#dcebf5;cursor:pointer}.nav-actions button:last-child{border-color:transparent;background:#64ded4;color:#07202a;font-weight:900}.hero-section{position:relative;overflow:hidden;min-height:352px;border:1px solid rgba(100,222,212,.28);border-radius:26px;background:linear-gradient(105deg,#0c344fad,#080e18f0 58%),linear-gradient(180deg,#0d121af5,#090c12eb);box-shadow:0 24px 70px #0000005c}.hero-section:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.86),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.86),transparent)}.topbar,.app-nav,.hero-grid,.controls-section,.content-grid{position:relative;z-index:1}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:34px 38px 0}.eyebrow,.section-label{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px;letter-spacing:0}.topbar-meta{display:flex;gap:10px;color:var(--soft);font-size:13px}.topbar-meta span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#ffffff0a}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:center;min-height:352px;padding:50px 56px}.hero-copy h1{max-width:900px;margin:18px 0 12px;font-size:clamp(64px,5vw,92px);line-height:1.05;letter-spacing:0}.hero-subtitle{margin-bottom:16px;color:#8393a6;font-size:22px;font-weight:800}.hero-desc{max-width:740px;color:var(--soft);font-size:18px;line-height:1.9}.hero-stats{display:grid;grid-template-columns:repeat(2,150px);gap:12px;margin-top:34px}.hero-ip{position:relative;display:grid;place-items:center;height:292px}.ip-card{position:relative;z-index:2;display:grid;place-items:center;width:330px;height:330px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:0 24px 54px #0000002e;animation:ipFloat 4.4s ease-in-out infinite}.ip-card img{width:128%;max-width:none;filter:drop-shadow(0 22px 34px rgba(0,0,0,.35));transform-origin:50% 72%}.orbit{position:absolute;border-radius:999px;pointer-events:none}.orbit-one{width:270px;height:270px;border:2px dashed rgba(125,211,199,.42);animation:orbitSpin 16s linear infinite}.orbit-two{width:330px;height:330px;border:2px dashed rgba(214,184,121,.48);animation:orbitSpin 22s linear infinite reverse}.ip-badge{position:absolute;top:22px;right:28px;z-index:3;border-radius:8px;padding:11px 16px;background:#f8b93a;color:#10151d;font-weight:900;box-shadow:0 14px 30px #00000047}@keyframes ipFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2.5deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}.hero-stats div{border-top:1px solid var(--line-strong);padding-top:16px}.hero-stats strong{display:block;margin-bottom:6px;font-size:28px}.hero-stats span{color:var(--muted);font-size:13px}.featured-card,.case-card{border:0;cursor:pointer;text-align:left}.featured-card{width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:14px;background:#080b10c7;box-shadow:0 28px 72px #00000073}.featured-screen{overflow:hidden;height:430px;border-radius:6px;background:#0e1218}.featured-screen img,.case-image img{display:block;width:100%;height:100%;object-fit:cover}.featured-info{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:18px 4px 2px}.featured-info span,.case-info span{color:var(--accent-2);font-size:12px;font-weight:700}.featured-info h3,.case-info h3{overflow:hidden;margin:0;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.featured-info p,.case-info p{margin:0;color:var(--muted)}.admin-section{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center;margin:24px 0;border:1px solid var(--line);border-radius:8px;padding:26px 28px;background:linear-gradient(110deg,rgba(125,211,199,.07),transparent 35%),#0d1117d6}.admin-copy h2{margin:8px 0 10px;font-size:27px}.admin-copy p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.upload-panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:12px;align-items:end}.upload-panel label{display:grid;gap:8px}.upload-panel label>span{color:var(--muted);font-size:12px}.upload-panel input,.upload-panel select{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;outline:0;padding:12px;background:#ffffff0b;color:var(--text)}.upload-panel input:focus,.upload-panel select:focus{border-color:#7dd3c7a6}.file-field{grid-column:span 2}.file-field input{padding:9px;color:var(--soft)}.submit-button{border:1px solid rgba(125,211,199,.48);border-radius:6px;padding:12px 16px;background:#7dd3c71f;color:var(--text);cursor:pointer}.submit-button:hover{background:#7dd3c738}.delete-button{margin-left:12px;border-color:#f284828a!important;background:#f284821f!important}.delete-button:hover{background:#f2848238!important}.admin-notice{grid-column:1 / -1;margin:0;color:var(--accent);font-size:13px}.controls-section{display:flex;justify-content:space-between;gap:24px;margin:24px 0;border:1px solid var(--line);border-radius:8px;padding:14px;background:#090c11d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{min-width:92px;border:1px solid transparent;border-radius:6px;padding:11px 15px;background:transparent;color:var(--soft);cursor:pointer}.filters button:hover,.filters button.is-active{border-color:var(--line-strong);background:#ffffff12;color:var(--text)}.search-box{display:flex;align-items:center;width:360px;border:1px solid var(--line);border-radius:6px;padding:0 14px;background:#ffffff0b}.search-box span{margin-right:12px;color:var(--muted);font-size:13px}.search-box input{width:100%;border:0;outline:0;padding:12px 0;background:transparent;color:var(--text)}.search-box input::placeholder{color:#697483}.content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.case-area{border:1px solid var(--line);border-radius:8px;background:#0d1117d1}.case-area{padding:22px}.case-area-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.case-area-head h2{margin:6px 0 0;font-size:30px}.case-area-head>span{color:var(--muted)}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.case-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff09;transition:border-color .16s ease,transform .16s ease,background .16s ease}.case-card-main{display:block;width:100%;border:0;padding:0;background:transparent;cursor:pointer;text-align:left}.case-card:hover,.case-card.is-selected{border-color:#7dd3c78c;background:#7dd3c712;transform:translateY(-2px)}.case-image{overflow:hidden;aspect-ratio:4 / 5;background:#10151d}.case-info{padding:13px}.case-info>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.case-info em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.case-info h3{margin:6px 0;font-size:17px}.case-info p{font-size:13px}.feature-tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.feature-tag-pill{display:inline-flex;border:1px solid rgba(125,211,199,.32);border-radius:999px;padding:6px 13px;background:#1f1210db;color:#fff;font-size:11px;font-weight:800;line-height:1}.feature-tag-pill.is-empty{border-color:var(--line);background:#ffffff0e;color:var(--muted)}.feature-checkboxes{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;border:1px solid var(--line);border-radius:6px;padding:9px;background:#ffffff0a}.feature-checkboxes button{border:1px solid rgba(174,191,217,.18);border-radius:999px;padding:8px 12px;background:#ffffff0d;color:var(--soft);font-size:12px;font-weight:800;cursor:pointer}.feature-checkboxes button.is-active{border-color:#7dd3c78f;background:#7dd3c729;color:var(--accent)}.feature-checkboxes.is-compact{min-height:auto;padding:8px}.feature-checkboxes.is-compact button{padding:7px 10px;font-size:11px}.case-admin-controls{display:grid;gap:10px;border-top:1px solid var(--line);padding:12px 13px 13px;background:#00000024}.case-category-control{display:grid;gap:8px}.case-category-control span{color:var(--muted);font-size:12px}.case-category-control select{width:100%;border:1px solid var(--line);border-radius:6px;outline:0;padding:9px 10px;background:#ffffff0e;color:var(--text)}.case-category-control input[type=text],.case-category-control input:not([type]){width:100%;border:1px solid var(--line);border-radius:6px;outline:0;padding:9px 10px;background:#ffffff0e;color:var(--text)}.case-category-control input[type=file]{width:100%;color:var(--soft)}.case-category-control select:focus{border-color:#7dd3c7a6}.replace-image-button{border:1px solid rgba(125,211,199,.4);border-radius:6px;padding:9px 12px;background:#7dd3c71f;color:var(--text);cursor:pointer}.replace-image-button:disabled{opacity:.45;cursor:not-allowed}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#010306c7;cursor:default;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.image-viewer{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1500px,94vw);height:min(92vh,1200px);border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 42%),#111720;box-shadow:0 30px 100px #00000094}.image-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.image-viewer-head h2{margin:8px 0 0;font-size:30px}.image-viewer-feature{margin:8px 0 0;color:var(--accent);font-size:13px;font-weight:700}.image-viewer-head>button{border:1px solid rgba(125,211,199,.48);border-radius:6px;padding:11px 16px;background:#7dd3c71f;color:var(--text);cursor:pointer}.image-viewer-head>button:hover{background:#7dd3c738}.image-viewer-head .delete-button{margin-left:auto;border-color:#f284828a;background:#f284821f}.image-viewer-body{overflow:auto;padding:28px;text-align:center;scrollbar-width:thin;scrollbar-color:rgba(125,211,199,.45) transparent}.image-viewer-body img{display:inline-block;width:auto;max-width:100%;height:auto;max-height:none;border:1px solid rgba(174,191,217,.2);border-radius:6px;box-shadow:0 18px 50px #0006}@media(max-width:1380px){.site-shell{width:min(1240px,calc(100vw - 40px))}.hero-grid{grid-template-columns:1fr 430px;gap:42px;padding-inline:42px}.content-grid{grid-template-columns:330px minmax(0,1fr)}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.file-field{grid-column:span 1}.image-viewer{width:96vw;height:94vh}}@media(max-width:900px){.site-shell{width:min(100vw - 24px,100%);padding:14px 0 28px}.app-nav{flex-direction:column;align-items:stretch;gap:14px;min-height:0;margin-bottom:14px}.brand-mark{flex-wrap:wrap;gap:10px 14px;height:auto;align-items:center}.logo-plate{width:136px;height:48px}.logo-plate img{width:136px;transform:translateY(-4px)}.nav-divider{height:28px}.nav-title{gap:8px;font-size:17px;flex-wrap:wrap}.nav-title small{font-size:11px;letter-spacing:.12em}.nav-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nav-actions button{width:100%;padding:12px 14px;border-radius:12px}.hero-section{min-height:0;border-radius:18px}.hero-grid{grid-template-columns:1fr;gap:18px;min-height:0;padding:20px 16px 22px}.hero-copy h1{margin-top:10px;font-size:clamp(36px,11vw,58px)}.hero-subtitle{font-size:16px;margin-bottom:12px}.hero-desc{font-size:14px;line-height:1.75}.hero-ip{height:210px;overflow:hidden}.ip-card{width:210px;height:210px}.ip-card img{width:118%}.orbit-one{width:182px;height:182px}.orbit-two{width:236px;height:236px}.ip-badge{top:10px;right:10px;padding:8px 12px;font-size:12px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.admin-section{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:16px}.admin-copy h2{font-size:22px}.upload-panel{grid-template-columns:1fr}.file-field{grid-column:auto}.controls-section{flex-direction:column;align-items:stretch;gap:12px;padding:12px;border-radius:16px}.filters{gap:6px}.filters button{min-width:0;padding:9px 12px;border-radius:999px;font-size:13px}.search-box{width:100%;border-radius:12px}.search-box span{font-size:12px;margin-right:10px}.case-area{padding:14px;border-radius:16px}.case-area-head{align-items:flex-start;margin-bottom:14px}.case-area-head h2{font-size:22px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-info{padding:10px}.case-info h3{font-size:14px;line-height:1.35}.case-info p{font-size:12px}.feature-tag-pill{padding:5px 10px;font-size:10px}.case-admin-controls{padding:10px}.feature-checkboxes{gap:6px;padding:8px}.feature-checkboxes button,.feature-checkboxes.is-compact button{padding:7px 10px;font-size:11px}.image-modal{padding:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-viewer{width:100vw;height:100vh;border-radius:0}.image-viewer-head{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.image-viewer-head h2{font-size:22px}.image-viewer-head>button{margin-left:0}.image-viewer-body{padding:14px}.image-viewer-body img{width:100%}}@media(max-width:560px){.site-shell{width:min(100vw - 16px,100%)}.brand-mark{gap:8px 10px}.logo-plate,.logo-plate img{width:120px}.nav-actions{grid-template-columns:1fr}.hero-grid{padding:16px 12px 18px}.hero-copy h1{font-size:34px}.hero-subtitle{font-size:15px}.hero-desc{font-size:13px}.hero-ip{height:180px}.ip-card{width:178px;height:178px}.orbit-one{width:154px;height:154px}.orbit-two{width:206px;height:206px}.hero-stats{gap:10px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:12px}.case-grid{grid-template-columns:1fr}.case-info>div{gap:6px}.case-info em{max-width:110px}.feature-tag-list{gap:6px}.feature-tag-pill{max-width:100%;white-space:normal;text-align:center}}