:root{
  --bg:#050812;--bg2:#0b1020;--panel:#0d1423;--line:rgba(255,255,255,.09);
  --text:#f6f8fc;--muted:#8290a5;--blue:#2785ff;--blue2:#78b4ff;
}
html,body{min-height:100%;background:var(--bg);color:var(--text)}
body.sel-body{margin:0;background:#050812;overflow-x:hidden}
.sel-app,.sel-login-page{
  min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);background:#050812;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none
}
.sel-backdrop{position:fixed;inset:0;pointer-events:none;overflow:hidden}
.sel-backdrop .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.22}
.orb-1{width:520px;height:520px;background:#166cff;left:-180px;top:-170px}
.orb-2{width:380px;height:380px;background:#7f46ff;right:-150px;top:260px}
.grid-fade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.sel-shell{position:relative;z-index:1;width:min(1540px,calc(100% - 52px));margin:0 auto;padding:22px 0 38px}
.sel-hero{display:flex;align-items:center;justify-content:space-between;padding:8px 0 28px;border-bottom:1px solid var(--line)}
.sel-brand{display:flex;align-items:center;gap:12px}.sel-brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#368eff,#0b56cc);display:grid;place-items:center;font-weight:1000;font-size:22px;box-shadow:0 10px 30px rgba(24,110,255,.3)}
.sel-brand-overline{display:block;color:#718198;font-size:9px;font-weight:900;letter-spacing:.2em}.sel-brand strong{display:block;font-size:15px;letter-spacing:.06em;margin-top:2px}
.sel-account{display:flex;align-items:center;gap:14px}.sel-account>div{text-align:right}.sel-account span{display:block;font-size:8px;letter-spacing:.16em;color:#66768c}.sel-account strong{display:block;font-size:13px;margin-top:3px}.sel-account a{color:#9ac6ff;text-decoration:none;font-size:11px;border:1px solid var(--line);padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.035)}
.sel-main-title{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;padding:62px 0 42px}
.sel-kicker{display:block;color:#6eaaff;font-size:10px;font-weight:900;letter-spacing:.23em;margin-bottom:14px}
.sel-main-title h1{margin:0;font-size:clamp(48px,7vw,102px);line-height:.86;letter-spacing:-.065em;font-weight:900;color:#fff}.sel-main-title h1 em{font-style:normal;color:#6faaff}
.sel-title-note{justify-self:end;max-width:320px;padding:0 4px 8px}.sel-title-note span{font-size:9px;font-weight:900;color:#6e7d91;letter-spacing:.2em}.sel-title-note p{font-size:14px;line-height:1.7;color:#94a1b4;margin:8px 0 0}
.sel-section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:42px}
.sel-section-card{--tone:#2d84ff;appearance:none;position:relative;min-height:148px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.sel-section-card:before{content:"";position:absolute;inset:auto -45px -55px auto;width:150px;height:150px;border-radius:50%;background:var(--tone);filter:blur(45px);opacity:.11}
.sel-section-card:hover,.sel-section-card.is-active{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tone) 65%,white 0%);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 11%,#111827),rgba(255,255,255,.025))}
.tone-1{--tone:#2384ff}.tone-2{--tone:#1fc37a}.tone-3{--tone:#8469ff}.tone-4{--tone:#ff8731}.tone-5{--tone:#f25d78}.tone-6{--tone:#e5ae16}.tone-7{--tone:#1dc1b5}
.sel-card-number{position:absolute;top:16px;right:16px;font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--tone)}
.sel-section-icon{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--tone) 15%,transparent);display:grid;place-items:center;color:var(--tone);margin-bottom:16px}
.sel-section-icon svg{width:25px;height:25px;fill:currentColor}
.sel-section-copy small{display:block;font-size:9px;color:#66768d;text-transform:uppercase;letter-spacing:.14em}.sel-section-copy strong{display:block;font-size:17px;margin-top:4px}.sel-section-copy em{display:block;font-style:normal;font-size:10px;color:#77869b;margin-top:6px}
.sel-card-arrow{position:absolute;right:17px;bottom:17px;color:#69798f;font-size:17px}
.sel-gallery-zone{border-top:1px solid var(--line);padding-top:30px}
.sel-gallery-panel{display:none}.sel-gallery-panel.is-active{display:block}
.sel-gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.sel-gallery-title{display:flex;align-items:end;gap:14px}.sel-gallery-title>span{font-size:48px;line-height:.85;font-weight:900;color:#1f2a3d;letter-spacing:-.06em}.sel-gallery-title small{font-size:9px;color:#63738a;letter-spacing:.14em}.sel-gallery-title h2{font-size:30px;margin:3px 0 0;letter-spacing:-.035em}
.sel-gallery-stat{display:flex;align-items:end;gap:7px}.sel-gallery-stat b{font-size:25px}.sel-gallery-stat span{font-size:9px;letter-spacing:.15em;color:#63738a;padding-bottom:4px}
.sel-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.sel-image-card{appearance:none;position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:0;background:#101725;cursor:zoom-in;box-shadow:0 24px 55px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease}
.sel-image-card:hover{transform:translateY(-5px);border-color:rgba(91,159,255,.45)}
.sel-image-card img{display:block;width:100%;height:auto;aspect-ratio:1055/1491;object-fit:cover;background:#fff;pointer-events:none}
.sel-image-protect{position:absolute;inset:0;z-index:2;background:transparent}
.sel-image-no,.sel-image-open{position:absolute;z-index:3;background:rgba(4,8,15,.68);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(11px);color:#fff}
.sel-image-no{left:11px;bottom:11px;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:900}.sel-image-open{right:11px;top:11px;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:800;letter-spacing:.11em}
.sel-empty-gallery{min-height:330px;border:1px dashed rgba(255,255,255,.12);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#708097}.sel-empty-icon{width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.04);display:grid;place-items:center;margin-bottom:14px}.sel-empty-icon svg{width:30px;height:30px;fill:#55657d}.sel-empty-gallery strong{color:#b0bac8}.sel-empty-gallery span:last-child{font-size:12px;margin-top:5px}
.sel-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding:22px 2px 0;color:#526178;font-size:9px;letter-spacing:.12em}.sel-footer span{color:#26c675}
.sel-viewer{position:fixed;inset:0;z-index:2147483000;background:#000;display:none;width:100vw;height:100dvh;user-select:none;-webkit-user-select:none}.sel-viewer.is-open{display:block}.sel-viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain}.sel-viewer img{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.sel-viewer.is-actual img{max-width:none;max-height:none}.sel-full-protect{position:absolute;inset:0;z-index:2}.sel-viewer-btn{position:absolute;z-index:4;height:48px;min-width:48px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(10,13,20,.63);backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:25px}.sel-close{top:16px;right:16px}.sel-size{top:16px;left:16px;font-size:11px;padding:0 13px}.sel-prev{left:16px;top:50%;transform:translateY(-50%)}.sel-next{right:16px;top:50%;transform:translateY(-50%)}.sel-caption{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(10px);border-radius:999px;padding:8px 13px;font-size:11px;color:#fff;white-space:nowrap}

/* LOGIN */
.sel-login-page{display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}
.sel-login-visual{position:relative;min-height:100vh;padding:70px;display:flex;align-items:flex-end;background:linear-gradient(145deg,#07101f,#09172f 65%,#0e2249);overflow:hidden}
.sel-login-grid{position:absolute;inset:0;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:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent)}
.sel-login-orb{position:absolute;border-radius:50%;filter:blur(80px)}.sel-login-orb.a{width:500px;height:500px;background:#1f79ff;left:-180px;top:-180px;opacity:.32}.sel-login-orb.b{width:420px;height:420px;background:#713aff;right:-140px;bottom:-170px;opacity:.22}
.sel-login-copy{position:relative;z-index:2;max-width:760px}.sel-login-brand{position:absolute;left:0;bottom:calc(100% + 120px);display:flex;align-items:center;gap:12px}.sel-login-brand div{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#2180ff;font-weight:900}.sel-login-brand span{font-size:13px;font-weight:800;letter-spacing:.08em}
.sel-login-kicker{font-size:10px;font-weight:900;letter-spacing:.22em;color:#78afff}.sel-login-copy h1{font-size:clamp(60px,8vw,125px);line-height:.82;letter-spacing:-.075em;margin:16px 0 24px;color:#fff}.sel-login-copy h1 em{font-style:normal;color:#68a6ff}.sel-login-copy p{max-width:560px;font-size:17px;line-height:1.7;color:#9aabc1}.sel-login-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.sel-login-features span{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.08em;color:#75869d}
.sel-login-panel{min-height:100vh;display:grid;place-items:center;padding:42px;background:#060912}
.sel-login-box{width:min(470px,100%)}.sel-lock{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#2c8cff,#0c58cc);display:grid;place-items:center;font-size:24px;box-shadow:0 16px 42px rgba(25,114,255,.32)}.sel-box-kicker{display:block;margin-top:24px;color:#6faaff;font-size:9px;font-weight:900;letter-spacing:.2em}.sel-login-box h2{font-size:41px;letter-spacing:-.05em;margin:8px 0 7px}.sel-ar{direction:rtl;text-align:left;color:#78879b;margin:0 0 24px}.sel-login-error{background:#3f141a;border:1px solid #75303a;color:#ffd8dc;border-radius:14px;padding:12px 13px;direction:rtl;margin-bottom:15px}
.sel-login-box label{display:block;margin-top:14px}.sel-login-box label span{display:block;color:#7d8da3;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:7px}.sel-login-box input{box-sizing:border-box;width:100%;min-height:52px;border-radius:15px!important;border:1px solid #202b3e!important;background:#0a101c!important;color:#fff!important;padding:13px 15px!important;outline:none}.sel-login-box input:focus{border-color:#287fff!important;box-shadow:0 0 0 3px rgba(40,127,255,.14)!important}.sel-login-box form button{width:100%;margin-top:19px;padding:15px 16px;border:0;border-radius:15px;background:linear-gradient(135deg,#2d89ff,#0d5ed4);color:#fff;font-size:14px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 15px 32px rgba(20,103,220,.25)}.sel-login-security{display:flex;gap:8px;margin-top:18px}.sel-login-security span{font-size:9px;color:#66758a;border:1px solid #182233;padding:7px 9px;border-radius:999px}

/* anti-print */
@media print{.sel-app,.sel-login-page{display:none!important}body:before{content:"Protected content";display:block!important;color:#111;font:700 26px sans-serif;padding:60px;text-align:center}}

@media(max-width:1100px){
  .sel-section-grid,.sel-image-grid{grid-template-columns:repeat(2,1fr)}
  .sel-login-page{grid-template-columns:1fr}.sel-login-visual{min-height:55vh;padding:45px}.sel-login-panel{min-height:45vh}.sel-login-brand{position:static;margin-bottom:70px}
}
@media(max-width:700px){
  .sel-shell{width:min(100% - 28px,1540px)}.sel-main-title{grid-template-columns:1fr;padding:42px 0 30px}.sel-title-note{justify-self:start}
  .sel-section-grid,.sel-image-grid{grid-template-columns:1fr}.sel-section-card{min-height:132px}.sel-hero{align-items:flex-start}.sel-account{display:block;text-align:right}.sel-account a{display:inline-block;margin-top:7px}
  .sel-gallery-title>span{font-size:38px}.sel-gallery-title h2{font-size:24px}.sel-footer{display:block}.sel-footer>div+div{margin-top:8px}
  .sel-login-visual{padding:28px;min-height:58vh}.sel-login-panel{padding:30px 22px}.sel-login-copy h1{font-size:58px}.sel-login-copy p{font-size:14px}.sel-login-brand{margin-bottom:45px}
}


/* ==========================================================
   v1.1 — ON-DEMAND READER
   Initial page contains NO image thumbnails.
   Images are fetched only after a section is opened.
   ========================================================== */

.sel-on-demand-info{
  display:flex;align-items:center;gap:16px;min-height:108px;margin:4px 0 12px;
  border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px 22px;
  background:linear-gradient(135deg,rgba(35,132,255,.08),rgba(255,255,255,.025))
}
.sel-on-demand-icon{
  flex:0 0 auto;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:#1976ed;color:#fff;font-size:23px;box-shadow:0 12px 32px rgba(25,118,237,.25)
}
.sel-on-demand-info span{display:block;font-size:9px;letter-spacing:.18em;font-weight:900;color:#6faaff}
.sel-on-demand-info strong{display:block;font-size:17px;margin:4px 0;color:#eef5ff}
.sel-on-demand-info p{margin:0;color:#718097;font-size:11px}

.sel-section-card.is-active{
  border-color:color-mix(in srgb,var(--tone) 78%,white 0%);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--tone) 22%,transparent),0 18px 46px rgba(0,0,0,.16)
}

/* Fullscreen reader */
.sel-viewer{
  background:
    radial-gradient(circle at 50% 15%,rgba(27,69,135,.15),transparent 42rem),
    #020305
}
.sel-viewer-stage{
  display:block;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-color:#41516b #080b11;
  scrollbar-width:thin
}
.sel-zoom-surface{
  position:relative;
  min-width:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:60px;
  box-sizing:border-box
}
.sel-viewer img{
  display:block;
  width:auto;
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
  transition:width .08s linear,height .08s linear;
  box-shadow:0 30px 100px rgba(0,0,0,.42)
}
.sel-full-protect{position:absolute;inset:0;z-index:2;pointer-events:none}

.sel-reader-top{
  position:absolute;z-index:6;left:50%;top:14px;transform:translateX(-50%);
  display:flex;align-items:center;gap:18px;max-width:min(680px,60vw);
  padding:9px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;
  background:rgba(5,8,13,.68);backdrop-filter:blur(14px);color:#fff
}
.sel-reader-heading{min-width:0}
.sel-reader-heading span{display:block;font-size:8px;font-weight:900;letter-spacing:.15em;color:#7f94b1}
.sel-reader-heading strong{display:block;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;margin-top:2px}
.sel-reader-help{font-size:9px;color:#74849b;white-space:nowrap;border-left:1px solid rgba(255,255,255,.1);padding-left:17px}

.sel-zoom-controls{
  position:absolute;z-index:7;left:16px;bottom:16px;
  display:flex;align-items:center;gap:5px;padding:5px;
  border:1px solid rgba(255,255,255,.16);border-radius:15px;
  background:rgba(7,10,16,.68);backdrop-filter:blur(14px)
}
.sel-zoom-controls button{
  appearance:none;border:0;background:rgba(255,255,255,.07);color:#fff;
  min-width:42px;height:38px;border-radius:10px;cursor:pointer;font-size:18px
}
.sel-zoom-controls button:hover{background:rgba(255,255,255,.14)}
.sel-zoom-controls .sel-zoom-value{min-width:66px;font-size:11px;font-weight:800}
.sel-zoom-controls .sel-fit-btn{font-size:10px;font-weight:900;letter-spacing:.08em;color:#80b8ff}

.sel-caption{
  bottom:18px;
  max-width:min(560px,56vw);
  overflow:hidden;text-overflow:ellipsis
}
.sel-prev,.sel-next{z-index:7}
.sel-close{z-index:8}

.sel-toast{
  position:fixed;z-index:2147483600;left:50%;bottom:28px;transform:translate(-50%,30px);
  opacity:0;pointer-events:none;background:#111a2a;border:1px solid #2b3c57;color:#fff;
  border-radius:999px;padding:10px 15px;font-size:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);
  transition:.22s ease
}
.sel-toast.is-visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:700px){
  .sel-on-demand-info{align-items:flex-start;padding:16px}
  .sel-reader-top{max-width:62vw;left:14px;transform:none}
  .sel-reader-help{display:none}
  .sel-zoom-surface{padding:54px 18px 90px}
  .sel-zoom-controls{left:50%;transform:translateX(-50%);bottom:13px}
  .sel-caption{bottom:64px;max-width:82vw}
}


/* v1.2 — 100%-500% zoom + grab-to-pan */
.sel-viewer-stage.is-pannable{cursor:grab}
.sel-viewer-stage.is-panning{cursor:grabbing}
.sel-viewer-stage.is-panning *{cursor:grabbing!important}
.sel-viewer-stage{touch-action:none}
.sel-zoom-controls .sel-zoom-value{min-width:70px}


/* v1.3 — bounded navigation: never wrap 1 ↔ last */
.sel-viewer-btn:disabled,.sel-viewer-btn.is-disabled{opacity:.18;cursor:not-allowed;pointer-events:none;filter:grayscale(1)}