@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg-0:#030711;--bg-1:#060d1c;--bg-2:#0a1426;--ink:#e9f1ff;--muted:#8494b0;--faint:#5b6b88;--cyan:#3ee6ff;--teal:#2dd4bf;--violet:#8f7bff;--line:#7ea6ff21;--line-strong:#7ea6ff42;--glass:#0a12229e;--danger:#ff6b81;--font-display:"Space Grotesk", "Noto Sans Thai", sans-serif;--font-body:"Noto Sans Thai", "Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{transition:all .25s}a{color:inherit;text-decoration:none}::selection{background:#3ee6ff40}.brand{font-family:var(--font-display);letter-spacing:.18em;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.brand-mark{width:36px;height:36px;color:var(--cyan);background:linear-gradient(135deg,#3ee6ff29,#8f7bff24);border:1px solid #3ee6ff59;border-radius:11px;place-items:center;font-size:16px;display:grid;box-shadow:0 0 22px #3ee6ff38,inset 0 0 12px #3ee6ff1a}.brand-dot{color:var(--cyan)}.card-kicker,.eyebrow,.folio{font-family:var(--font-display);letter-spacing:.32em;color:var(--cyan);font-size:10px;font-weight:600}.icon-button{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c162899;border-radius:12px;place-items:center;display:grid}.icon-button:hover{border-color:var(--cyan);box-shadow:0 0 18px #3ee6ff40}.primary-action{cursor:pointer;background:linear-gradient(100deg, var(--cyan), var(--teal));color:#04121b;border:0;border-radius:12px;align-items:center;gap:9px;padding:13px 20px;font-weight:700;display:inline-flex;box-shadow:0 6px 26px #3ee6ff47}.primary-action:hover{transform:translateY(-2px);box-shadow:0 12px 34px #3ee6ff66}.field-error{color:var(--danger);margin-top:8px;font-size:12px;display:block}.fx-grid{pointer-events:none;background-image:linear-gradient(#5e8cff0d 1px,#0000 1px),linear-gradient(90deg,#5e8cff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 30%,#0000 75%)}.fx-aurora{filter:blur(90px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.fx-aurora.a{background:#2374be59;width:560px;height:560px;animation:14s ease-in-out infinite alternate drift;top:-180px;left:-140px}.fx-aurora.b{background:#5d42d24d;width:480px;height:480px;animation:18s ease-in-out infinite alternate-reverse drift;bottom:-160px;right:-100px}.fx-aurora.c{background:#17a5aa47;width:340px;height:340px;animation:11s ease-in-out infinite alternate drift;top:30%;right:24%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.15)}}.fx-stars{pointer-events:none;position:absolute;inset:0}.fx-stars span{background:#bee2ffcc;border-radius:50%;width:3px;height:3px;animation:4s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px #78c8ffe6}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.9}}.landing-shell{background:radial-gradient(ellipse 70% 55% at 68% 38%, #173c7859, transparent 60%), radial-gradient(ellipse 50% 45% at 15% 80%, #32206e4d, transparent 65%), var(--bg-0);min-height:100vh;position:relative;overflow:hidden}.cosmos{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cosmos-starfield,.cosmos-meteors{position:absolute;inset:0}.cosmos-star{width:var(--star-size);height:var(--star-size);opacity:.45;background:#d8eeff;border-radius:50%;animation:6s ease-in-out infinite star-shimmer;position:absolute;box-shadow:0 0 5px #91d0ff99}.cosmos-star.has-glint{background:#eefaff;box-shadow:0 0 8px #8dd7ffd9}.cosmos-star.has-glint:before,.cosmos-star.has-glint:after{content:"";background:linear-gradient(90deg,#0000,#cbecffcc,#0000);width:10px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cosmos-star.has-glint:after{transform:translate(-50%,-50%)rotate(90deg)}@keyframes star-shimmer{0%,to{opacity:.2;transform:scale(.8)}45%{opacity:.95;transform:scale(1.12)}65%{opacity:.4;transform:scale(.9)}}.shooting-star{opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#8cd0ff59 55%,#e4f6ff);width:clamp(85px,12vw,160px);height:1px;animation:13s linear 1.4s infinite meteor-flight;position:absolute;top:12%;left:10%}.shooting-star:after{content:"";background:#effbff;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;right:0;box-shadow:0 0 7px #b4e7ffd9}.shooting-star:nth-child(2){animation-duration:17s;animation-delay:6.2s;top:8%;left:54%}.shooting-star:nth-child(3){animation-duration:19s;animation-delay:10.5s;top:52%;left:2%}@keyframes meteor-flight{0%{opacity:0;transform:translate(0)rotate(32deg)scaleX(.6)}1.5%{opacity:.8}7%{opacity:0;transform:translate(38vw,24vw)rotate(32deg)scaleX(1)}to{opacity:0;transform:translate(38vw,24vw)rotate(32deg)scaleX(1)}}.cosmos[data-paused=true] *,.cosmos[data-hidden=true] *{animation-play-state:paused!important}.cosmos-motion{z-index:5;color:#b6cbe1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030a17b3;border:1px solid #91bfe840;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:inline-flex;position:absolute;bottom:25px;right:3vw}.cosmos-motion:hover{color:#fff;border-color:var(--cyan)}.cosmos-motion:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media (width<=980px){.cosmos-motion{bottom:85px;right:20px}}@media (width<=620px){.cosmos-star:nth-child(n+51),.shooting-star:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing-shell *,.landing-shell :before,.landing-shell :after{animation:none!important}.cosmos-meteors,.cosmos-motion{display:none}}.site-nav,.portfolio-nav{z-index:6;justify-content:space-between;align-items:center;height:86px;padding:0 5.5vw;display:flex;position:relative}.nav-status,.portfolio-meta{font-family:var(--font-display);letter-spacing:.26em;color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0911208c;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:10px;display:flex}.nav-status>span,.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 4px #2dd4bf29,0 0 12px #2dd4bfcc}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.hero{z-index:3;grid-template-columns:1.08fr .92fr;align-items:center;gap:4vw;min-height:100vh;padding:4vh 7vw 10vh;display:grid;position:relative}.eyebrow{background:#3ee6ff12;border:1px solid #3ee6ff4d;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;display:inline-flex;box-shadow:inset 0 0 18px #3ee6ff0f}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:28px 0 26px;font-size:clamp(50px,6.2vw,92px);font-weight:700;line-height:1.04}.hero h1 span{background:linear-gradient(95deg, var(--cyan) 10%, var(--teal) 45%, var(--violet) 95%);color:#0000;filter:drop-shadow(0 0 26px #3ee6ff4d);-webkit-background-clip:text;background-clip:text}.hero-lead{color:var(--muted);max-width:520px;font-size:16px;line-height:1.95}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero-tags span{font-family:var(--font-display);letter-spacing:.2em;border:1px solid var(--line-strong);color:#b9c8e2;background:#0d182c80;border-radius:8px;padding:9px 14px;font-size:10px}.hero-stats{border-top:1px solid var(--line);gap:34px;margin-top:44px;padding-top:26px;display:flex}.hero-stats div{gap:4px;display:grid}.hero-stats b{font-family:var(--font-display);color:var(--ink);font-size:26px;font-weight:700}.hero-stats b em{color:var(--cyan);font-style:normal}.hero-stats small{color:var(--faint);letter-spacing:.06em;font-size:11px}.access-card-wrap{place-items:center;min-height:540px;display:grid;position:relative}.access-card{z-index:2;border-radius:22px;width:min(440px,96%);padding:1px;position:relative;overflow:hidden;box-shadow:0 40px 90px #020814cc,0 0 60px #3ee6ff12}.access-spin{background:conic-gradient(#0000 0deg 240deg,#3ee6ffe6 300deg,#8f7bff99 330deg,#0000 360deg);animation:7s linear infinite spin;position:absolute;inset:-120%}@keyframes spin{to{transform:rotate(360deg)}}.access-inner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#0f1b30f0,#070d1af5);border:1px solid #7ea6ff14;border-radius:21px;padding:44px 40px 30px;position:relative}.access-icon,.login-badge{width:54px;height:54px;color:var(--cyan);background:linear-gradient(135deg,#3ee6ff29,#2dd4bf1a);border:1px solid #3ee6ff59;border-radius:16px;place-items:center;margin-bottom:22px;display:grid;box-shadow:0 0 30px #3ee6ff33}.access-card h2,.login-panel h1{font-family:var(--font-display);letter-spacing:-.01em;margin:10px 0;font-size:30px}.access-inner>p:not(.card-kicker){color:var(--muted);font-size:13px;line-height:1.8}.access-inner form{margin-top:26px}.access-inner form>label{font-family:var(--font-display);letter-spacing:.26em;color:var(--faint);font-size:10px;font-weight:600}.key-field{border:1px solid var(--line-strong);background:#040914bf;border-radius:13px;align-items:center;height:54px;margin-top:9px;display:flex}.key-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 4px #3ee6ff1f,0 0 24px #3ee6ff26}.key-field.has-error{border-color:var(--danger)}.key-field input{height:100%;color:var(--ink);font-family:var(--font-mono);letter-spacing:.08em;background:0 0;border:0;outline:0;flex:1;padding:0 18px;font-size:14px}.key-field input::placeholder{color:#46587a}.key-field svg{color:var(--faint);margin-right:16px}.access-inner form>button{background:linear-gradient(100deg, var(--cyan), var(--teal));color:#03121a;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-top:16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 10px 30px #3ee6ff40}.access-inner form>button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #3ee6ff66}.privacy-note{text-align:center;color:var(--faint);margin-top:24px;font-size:11px}.pulse{background:var(--teal);width:6px;height:6px;box-shadow:0 0 10px var(--teal);border-radius:50%;margin-right:7px;display:inline-block}.orbit{pointer-events:none;border:1px dashed #608cdc29;border-radius:50%;position:absolute}.orbit-a{width:560px;height:560px;animation:40s linear infinite orbit-spin}.orbit-b{width:400px;height:400px;animation:28s linear infinite reverse orbit-spin}.orbit i{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute;top:-4px;left:50%}@keyframes orbit-spin{to{transform:rotate(360deg)}}.landing-footer{z-index:4;color:var(--faint);font-family:var(--font-display);letter-spacing:.22em;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:24px;left:5.5vw;right:5.5vw}.landing-footer>div{gap:28px;display:flex}.landing-footer div span{align-items:center;gap:8px;display:flex}.portfolio-shell{background:radial-gradient(ellipse 60% 50% at 30% 45%, #143c6e59, transparent 65%), radial-gradient(ellipse 45% 45% at 85% 20%, #402a8c47, transparent 60%), var(--bg-0);min-height:100vh;position:relative;overflow:clip}.portfolio-nav{height:80px}.book-fullscreen{height:100dvh;min-height:100dvh}.book-fullscreen .portfolio-nav{position:absolute;top:0;left:0;right:0}.book-stage-full{inset:6px 6px calc(46px + env(safe-area-inset-bottom));z-index:3;position:absolute}.book-fullscreen .fx-aurora{animation:none}.book-preparing{height:100%;color:var(--muted);place-items:center;font-size:12px;display:grid}.flip-hint{z-index:6;pointer-events:none;color:var(--faint);letter-spacing:.04em;text-shadow:0 2px 12px #02060ee6;margin:0;font-size:11.5px;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.page-tabs{bottom:calc(6px + env(safe-area-inset-bottom));z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;background:#080f1ec7;border-radius:999px;align-items:center;gap:2px;max-width:calc(100% - 16px);padding:3px;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.page-tabs::-webkit-scrollbar{display:none}.page-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;min-width:28px;min-height:28px;padding:5px 8px;font-size:10px;font-weight:500;display:flex}.page-tab i{font-style:normal;font-family:var(--font-mono);color:var(--faint);font-size:9px}.page-tab:hover{color:var(--ink)}.page-tab.active{color:var(--cyan);background:linear-gradient(100deg,#3ee6ff29,#2dd4bf1a);box-shadow:inset 0 0 0 1px #3ee6ff47,0 0 18px #3ee6ff1f}.page-tab.active i{color:var(--cyan)}.tab-arrow{color:#a9bcd9;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;min-width:28px;height:28px;display:grid}.tab-arrow:hover:not(:disabled){color:var(--cyan);background:#3ee6ff14}.tab-arrow:disabled{opacity:.25;cursor:default}.book-dom-page{pointer-events:auto;font-family:var(--font-body);backface-visibility:hidden;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #23303c29}.book-dom-left{color:#ecf5ff;background:linear-gradient(145deg,#07111f 0%,#06101c 68%,#040a13 100%);border-radius:5px 0 0 5px;padding:28px 25px 22px 31px;box-shadow:inset -30px 0 38px #00000057,inset 0 0 0 1px #7bc4ff26}.book-dom-right{color:#182330;cursor:e-resize;background:linear-gradient(90deg,#5a4e3724,#0000 8%),radial-gradient(circle at 80% 8%,#fffc,#0000 32%),#f4efe2;border-radius:0 5px 5px 0;box-shadow:inset 32px 0 38px #5b4c2f21,inset 0 0 0 1px #584d3b21}.book-dom-page:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#ffffff06,#0000 12% 88%,#00000012);position:absolute;inset:0}@media (pointer:coarse){.book-stage-full{bottom:calc(54px + env(safe-area-inset-bottom))}.page-tab{min-width:36px;min-height:36px}.tab-arrow{min-width:36px;height:36px}}.tone-blue{--project-accent:#45d4ff;--project-deep:#07365b;--project-soft:#d9f5ff}.tone-orange{--project-accent:#ffb348;--project-deep:#56270e;--project-soft:#fff0d8}.tone-green{--project-accent:#45d99f;--project-deep:#063e31;--project-soft:#d9f7e9}.project-gallery{flex-direction:column;gap:13px;height:100%;display:flex}.gallery-head{justify-content:space-between;align-items:center;min-height:30px;display:flex}.gallery-head>span{font:600 12px/1 var(--font-display);letter-spacing:.24em;color:var(--project-accent)}.gallery-head b{font:600 13px/1 var(--font-mono);color:#eef7ff}.gallery-head b i{color:#60738f;font-style:normal}.gallery-main{background:#02060d;border:1px solid #7ebef02e;border-radius:3px;place-items:center;height:598px;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #00000057}.gallery-main>video,.gallery-main>img{object-fit:contain;background:#02060d;width:100%;height:100%}.project-media-placeholder{background:linear-gradient(145deg, var(--project-deep), #050b13 72%);position:absolute;inset:0;overflow:hidden}.media-grid{background-image:linear-gradient(#73beff14 1px,#0000 1px),linear-gradient(90deg,#73beff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 48% 45%,#000,#0000 80%);mask-image:radial-gradient(circle at 48% 45%,#000,#0000 80%)}.media-orb{background:radial-gradient(circle, var(--project-accent), transparent 66%);border-radius:50%;width:380px;height:380px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.media-orb{background:radial-gradient(circle, color-mix(in srgb, var(--project-accent) 27%, transparent), transparent 66%)}}.media-orb{border:1px solid var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.media-orb{border:1px solid color-mix(in srgb, var(--project-accent) 26%, transparent)}}.media-orb{box-shadow:0 0 80px var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.media-orb{box-shadow:0 0 80px color-mix(in srgb, var(--project-accent) 18%, transparent)}}.media-orb:before,.media-orb:after{content:"";border:1px solid var(--project-accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.media-orb:before,.media-orb:after{border:1px solid color-mix(in srgb, var(--project-accent) 18%, transparent)}}.media-orb:before,.media-orb:after{border-radius:50%}.media-orb:before{inset:42px}.media-orb:after{inset:92px}.mock-window{border:1px solid var(--project-accent);width:420px;height:250px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.mock-window{border:1px solid color-mix(in srgb, var(--project-accent) 45%, transparent)}}.mock-window{background:#030c18c7;border-radius:14px;padding:31px 30px;box-shadow:0 25px 70px #00000061,inset 0 0 30px #64beff0a}.mock-window>i{background:var(--project-accent);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.mock-window>i{background:color-mix(in srgb, var(--project-accent) 55%, #fff)}}.mock-window>b{font:600 13px/1 var(--font-mono);letter-spacing:.18em;color:var(--project-accent);margin-top:32px;display:block}.mock-chart{align-items:end;gap:14px;height:82px;margin-top:30px;display:flex}.mock-chart em{background:linear-gradient(var(--project-accent), var(--project-accent));flex:1;height:45%}@supports (color:color-mix(in lab, red, red)){.mock-chart em{background:linear-gradient(var(--project-accent), color-mix(in srgb, var(--project-accent) 12%, transparent))}}.mock-chart em{opacity:.75;border-radius:4px 4px 0 0}.mock-chart em:nth-child(2){height:72%}.mock-chart em:nth-child(3){height:54%}.mock-chart em:nth-child(4){height:92%}.mock-chart em:nth-child(5){height:64%}.project-media-placeholder>small{font:500 11px/1 var(--font-mono);color:var(--project-accent);position:absolute;bottom:22px;right:25px}@supports (color:color-mix(in lab, red, red)){.project-media-placeholder>small{color:color-mix(in srgb, var(--project-accent) 70%, white)}}.project-media-placeholder>small{letter-spacing:.18em}.layout-1 .mock-window{transform:translate(-50%,-50%)rotate(-2deg)}.layout-2 .mock-window{width:270px;height:410px}.layout-2 .media-orb{width:310px;height:310px}.gallery-play{z-index:3;color:#07121c;background:#ffffffeb;border-radius:50%;place-items:center;width:76px;height:76px;padding-left:5px;font-size:25px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 45px #0006,0 0 0 10px #ffffff1c}.gallery-caption{z-index:4;background:linear-gradient(#0000,#02070ef0);gap:4px;padding:70px 24px 22px;display:grid;position:absolute;bottom:0;left:0;right:0}.gallery-caption b{font:600 18px/1.2 var(--font-display);color:#fff}.gallery-caption span{color:#9eb0c6;font-size:12px}.gallery-rail{grid-template-columns:28px 1fr 28px;align-items:center;gap:9px;height:101px;display:grid}.gallery-step{color:#dce9f9;cursor:pointer;background:#ffffff0f;border:0;height:68px;font-size:31px}.gallery-step:hover{color:var(--project-accent);background:#ffffff1c}.gallery-thumbnails{grid-template-columns:repeat(5,1fr);gap:8px;min-width:0;display:grid}.gallery-thumbnails>button{cursor:pointer;background:#07101d;border:2px solid #0000;height:88px;padding:0;position:relative;overflow:hidden}.gallery-thumbnails>button.active{border-color:var(--project-accent);box-shadow:0 0 0 2px var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.gallery-thumbnails>button.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--project-accent) 16%, transparent)}}.gallery-thumbnails .project-media-placeholder{transform:scale(1.01)}.gallery-thumbnails .mock-window{border-radius:3px;width:58px;height:38px;padding:4px}.gallery-thumbnails .mock-window>i,.gallery-thumbnails .mock-window>b,.gallery-thumbnails .mock-chart,.gallery-thumbnails .project-media-placeholder>small{display:none}.gallery-thumbnails .media-orb{width:60px;height:60px}.gallery-thumbnails>button>span{z-index:2;color:#eaf3ff;font:600 9px/1 var(--font-mono);background:#01050cb8;padding:4px;position:absolute;bottom:4px;right:5px}.gallery-thumbnails img{object-fit:cover;width:100%;height:100%}.gallery-count{text-align:right;color:#62748c;font:500 10px/1 var(--font-mono);letter-spacing:.12em;margin:-4px 0 0}.gallery-count b{color:var(--project-accent)}.project-details{height:100%;padding:65px 64px 48px 72px;position:relative;overflow:hidden}.details-kicker{z-index:2;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex;position:relative}.details-kicker span{font:700 12px/1 var(--font-display);letter-spacing:.28em;color:var(--project-accent)}@supports (color:color-mix(in lab, red, red)){.details-kicker span{color:color-mix(in srgb, var(--project-accent) 65%, #52606a)}}.details-kicker i{font:600 11px/1 var(--font-mono);letter-spacing:.12em;color:#958d7d;font-style:normal}.details-number{font:700 260px/.9 var(--font-display);color:#2d3d480e;letter-spacing:-.1em;margin:0;position:absolute;top:5px;right:24px}.project-details h1{z-index:2;font:700 58px/1.02 var(--font-display);letter-spacing:-.045em;color:#172635;margin:70px 0 18px;position:relative}.details-rule{background:linear-gradient(90deg, var(--project-accent), var(--project-accent));width:170px;height:7px;display:block}@supports (color:color-mix(in lab, red, red)){.details-rule{background:linear-gradient(90deg, color-mix(in srgb, var(--project-accent) 50%, #172635), var(--project-accent))}}.details-rule{margin-bottom:42px}.details-lead{color:#3f4b50;margin:0;font-size:18px;font-weight:400;line-height:1.85}.details-section{border-top:1px solid #3d46432b;margin-top:35px;padding-top:23px}.details-section small{font:700 10px/1 var(--font-display);letter-spacing:.24em;color:#817866}.details-section p{color:#59615e;margin:12px 0 0;font-size:13px;line-height:1.72}.details-section ul{gap:9px;margin:13px 0 0;padding:0;list-style:none;display:grid}.details-section li{color:#505b58;padding-left:19px;font-size:12px;line-height:1.45;position:relative}.details-section li:before{content:"";background:var(--project-accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--project-accent);border-radius:50%;position:absolute;top:.5em;left:0}@supports (color:color-mix(in lab, red, red)){.details-section li:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--project-accent) 14%, transparent)}}.details-stats{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:75px;left:72px;right:64px}.details-stats span{color:#3e4e4d;font:600 11px/1 var(--font-display);background:#ffffff38;border:1px solid #3946423d;border-radius:999px;padding:9px 14px}.project-details footer{color:#9c9483;justify-content:space-between;display:flex;position:absolute;bottom:31px;left:72px;right:64px}.project-details footer b{font:600 9px/1 var(--font-display);letter-spacing:.25em}.project-details footer span{font:500 10px/1 var(--font-mono)}.book-edge-nav{z-index:8;cursor:pointer;opacity:0;color:#fff;background:#050b1466;border:0;place-items:center;width:36px;height:82px;font-size:32px;display:grid;position:absolute;top:45%}.book-dom-page:hover .book-edge-nav{opacity:1}.book-edge-nav.previous{left:0}.book-edge-nav.next{color:#31414a;background:#363e3d17;right:0}.admin-login-shell{background:radial-gradient(ellipse 55% 45% at 50% 20%, #18468259, transparent 60%), radial-gradient(ellipse 40% 40% at 80% 85%, #462d9640, transparent 60%), var(--bg-0);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.admin-login-brand{z-index:5;position:absolute;top:30px;left:5vw}.login-panel{z-index:4;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(170deg,#0e192eeb,#070d1af2);border-radius:24px;width:min(440px,100% - 36px);padding:46px 44px 36px;position:relative;box-shadow:0 50px 110px #01050ed9,0 0 80px #3ee6ff0f}.login-panel>p:not(.card-kicker){color:var(--muted);font-size:13px;line-height:1.8}.login-panel form{gap:18px;margin:26px 0 22px;display:grid}.login-panel label,.generate-modal label,.editor-fields label,.project-form label,.upload-card label{font-family:var(--font-display);letter-spacing:.24em;color:var(--faint);font-size:10px;font-weight:600}.login-panel input,.generate-modal input,.generate-modal select,.editor-fields input,.editor-fields textarea,.project-form input,.project-form textarea,.project-form select,.upload-card input{border:1px solid var(--line-strong);width:100%;color:var(--ink);background:#040914b3;border-radius:12px;outline:0;margin-top:8px;padding:14px 16px;display:block}.login-panel input:focus,.generate-modal input:focus,.generate-modal select:focus,.editor-fields input:focus,.editor-fields textarea:focus,.project-form input:focus,.project-form textarea:focus,.project-form select:focus,.upload-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #3ee6ff1a}.login-panel form button{background:linear-gradient(100deg, var(--cyan), var(--teal));color:#03121a;cursor:pointer;border:0;border-radius:12px;padding:15px;font-weight:700;box-shadow:0 10px 28px #3ee6ff38}.login-panel form button:hover{transform:translateY(-2px)}.login-panel>a{text-align:center;color:var(--faint);font-size:12px;display:block}.login-panel>a:hover{color:var(--cyan)}.admin-shell{background:var(--bg-0);grid-template-columns:248px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);height:100vh;color:var(--ink);background:linear-gradient(190deg,#081226,#050b18);flex-direction:column;padding:28px 20px;display:flex;position:sticky;top:0}.admin-sidebar nav{gap:6px;margin-top:52px;display:grid}.admin-sidebar nav button,.sidebar-logout{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;display:flex}.admin-sidebar nav button:hover{color:var(--ink);background:#3ee6ff0d}.admin-sidebar nav button.active{color:var(--cyan);background:linear-gradient(100deg,#3ee6ff24,#2dd4bf12);box-shadow:inset 0 0 0 1px #3ee6ff38,inset 0 0 18px #3ee6ff0d}.admin-sidebar nav small{color:var(--cyan);background:#3ee6ff26;border:1px solid #3ee6ff4d;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.sidebar-logout{margin-top:auto}.sidebar-logout:hover{color:var(--danger);background:#ff6b810f}.admin-main{min-width:0;padding:38px 4vw 60px;position:relative}.admin-main>header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px;display:flex}.admin-main h1{font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0 0;font-size:32px}.admin-main>header .primary-action{text-decoration:none}.admin-loading{color:var(--muted);z-index:3;align-items:center;gap:12px;font-size:13px;display:flex;position:relative}.admin-loading span{border:2px solid var(--line-strong);border-top-color:var(--cyan);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.admin-toast{z-index:60;background:#081221f5;border-radius:13px;align-items:center;gap:18px;max-width:min(420px,100% - 32px);padding:13px 14px 13px 17px;font-size:12px;display:flex;position:fixed;top:24px;right:28px;box-shadow:0 18px 55px #00000080}.admin-toast.success{color:#b7f7e1;border:1px solid #2dd4bf59}.admin-toast.error{color:#ffb0bd;border:1px solid #ff6b8161}.admin-toast button{color:currentColor;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card,.admin-card{border:1px solid var(--line);background:linear-gradient(170deg,#0d172bd9,#080e1ce6);border-radius:18px;box-shadow:0 18px 45px #02071280}.stat-card{grid-template-columns:46px 1fr;gap:2px 8px;padding:22px;display:grid}.stat-card>span{width:40px;height:40px;color:var(--cyan);background:#3ee6ff1a;border:1px solid #3ee6ff40;border-radius:12px;grid-row:1/4;place-items:center;display:grid}.stat-card svg{width:18px}.stat-card small{color:var(--faint);font-size:11px}.stat-card b{font-family:var(--font-display);font-size:28px;font-weight:700}.stat-card em{color:var(--teal);font-size:10.5px;font-style:normal}.dashboard-grid{grid-template-columns:1.5fr .7fr;gap:16px;margin-top:17px;display:grid}.admin-card{padding:26px}.admin-card h2{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 20px;font-size:15px}.activity{border-top:1px solid var(--line);align-items:center;gap:14px;padding:15px 0;display:flex}.activity>div{gap:4px;display:grid}.activity b{font-size:13px}.activity small{color:var(--faint);font-size:11px;font-family:var(--font-mono)}.activity em{margin-left:auto;font-size:10px;font-style:normal}.activity em.active{color:var(--teal)}.activity em.expired{color:var(--faint)}.status-icon{width:36px;height:36px;color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf40;border-radius:11px;place-items:center;display:grid}.status-icon.expired{color:var(--faint);background:#8291af14;border-color:#8291af33}.quick-card{align-content:start;gap:10px;display:grid}.quick-card button{border:1px solid var(--line-strong);color:#b7c7e2;cursor:pointer;background:#09112199;border-radius:12px;align-items:center;gap:11px;padding:13px 14px;font-size:12.5px;display:flex}.quick-card button:hover{border-color:var(--cyan);color:var(--cyan)}.quick-card svg{width:17px}.table-card{padding:0;overflow:hidden}.table-heading{justify-content:space-between;align-items:center;padding:24px 26px;display:flex}.table-heading h2{margin:0 0 5px}.table-heading p{color:var(--faint);margin:0;font-size:12px}.table-heading>span{font-family:var(--font-display);letter-spacing:.2em;color:var(--faint);font-size:10px}.key-row{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:2fr 1fr 1.2fr .8fr 76px;align-items:center;gap:14px;padding:15px 26px;font-size:12px;display:grid}.key-row.head{color:var(--faint);font-family:var(--font-display);letter-spacing:.2em;background:#0a1324cc;font-size:9px}.key-row>span:first-child{gap:5px;display:grid}.key-row code{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.04em;font-size:12.5px;font-weight:600}.key-row small{color:var(--faint)}.key-row em{border-radius:999px;justify-self:start;padding:5px 11px;font-size:10.5px;font-style:normal}.key-row em.active{color:var(--teal);background:#2dd4bf1f;border:1px solid #2dd4bf4d}.key-row em.expired{color:var(--faint);background:#8291af14;border:1px solid #8291af2e}.key-expiry{gap:3px;display:grid}.key-expiry small{font-size:10px}.key-expiry small.warn{color:#fbbf24}.row-actions{gap:2px;flex-direction:row!important;display:flex!important}.row-actions button{color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px}.row-actions button:hover{color:var(--cyan);background:#3ee6ff14}.row-actions button:last-child:hover{color:var(--danger);background:#ff6b8114}.row-actions button:disabled{opacity:.4;cursor:wait}.editor-card{grid-template-columns:.8fr 1.2fr;gap:32px;display:grid}.editor-cover{border:1px solid var(--line-strong);background:radial-gradient(circle at 30% 25%,#3ee6ff40,#0000 45%),linear-gradient(155deg,#0d2036,#123a52 60%,#16697a);border-radius:16px;place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden}.editor-cover:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(140deg,#000,#0000 75%);mask-image:linear-gradient(140deg,#000,#0000 75%)}.editor-cover>div{text-align:center;color:#fff;z-index:2;position:relative}.editor-cover span{font-family:var(--font-display);letter-spacing:.26em;color:#ffffffbf;margin-bottom:16px;font-size:10px;display:block}.editor-cover b{width:126px;height:126px;font:700 72px/1 var(--font-display);color:var(--cyan);background:#040e1c8c;border:2px solid #7deeffb3;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 0 55px #3ee6ff33}.editor-cover small{color:#ffffffa6}.editor-cover button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff6;border-radius:11px;align-items:center;gap:9px;padding:11px 15px;display:flex}.editor-cover button:hover{background:#ffffff2e}.editor-fields{align-content:start;gap:18px;display:grid}.editor-fields textarea{resize:vertical;min-height:110px}.editor-fields .primary-action{justify-self:start}.admin-empty{min-height:150px;color:var(--faint);text-align:center;align-content:center;place-items:center;gap:12px;padding:28px;font-size:12px;display:grid}.admin-empty svg{color:#39516f}.project-admin-layout{grid-template-columns:minmax(260px,.68fr) minmax(500px,1.6fr);align-items:start;gap:17px;display:grid}.project-list-card{padding:0;position:sticky;top:20px;overflow:hidden}.project-list-card .table-heading{padding:22px}.project-list-item{border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px 19px;display:grid}.project-list-item:hover,.project-list-item.active{color:var(--ink);background:#3ee6ff0e}.project-list-item.active{box-shadow:inset 3px 0 var(--cyan)}.project-list-item i{font:600 11px/1 var(--font-mono);color:var(--cyan);font-style:normal}.project-list-item span{gap:5px;min-width:0;display:grid}.project-list-item b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.project-list-item small{color:var(--faint);font-size:10px}.project-list-item em{font:600 8px/1 var(--font-display);letter-spacing:.13em;border-radius:999px;padding:5px 7px;font-style:normal}.project-list-item em.active{color:var(--teal);background:#2dd4bf1a}.project-list-item em.inactive{color:var(--faint);background:#8291af14}.project-editor-card{min-height:420px}.project-form{gap:20px;display:grid}.project-form textarea{resize:vertical;min-height:105px}.project-form label>small{letter-spacing:0;color:#52627d}.project-form-head,.section-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.project-form-head h2{margin:6px 0 0;font-size:23px}.icon-danger{color:var(--danger);cursor:pointer;background:#ff6b810f;border:1px solid #ff6b8138;border-radius:10px;place-items:center;padding:9px;display:grid}.icon-danger:hover{background:#ff6b8124}.form-grid{gap:13px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:.7fr .8fr 1.2fr}.media-item-editor{border-top:1px solid var(--line);padding-top:20px}.section-title h3{font:600 13px/1.2 var(--font-display);margin:0 0 6px}.section-title p{color:var(--faint);margin:0;font-size:11px}.section-title button{border:1px solid var(--line-strong);color:var(--cyan);cursor:pointer;background:#3ee6ff0f;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.media-item-row{grid-template-columns:28px 92px minmax(130px,.8fr) minmax(150px,1fr) 34px;align-items:center;gap:8px;margin-top:10px;display:grid}.media-item-row>span{font:600 10px/1 var(--font-mono);color:var(--faint)}.media-item-row input,.media-item-row select{border-radius:9px;margin:0;padding:10px 11px;font-size:11px}.media-item-row>button{color:var(--faint);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.media-item-row>button:hover{color:var(--danger)}.switch-field{border:1px solid var(--line);cursor:pointer;background:#050c1880;border-radius:13px;align-items:center;gap:12px;padding:15px;display:flex}.switch-field input{width:19px;height:19px;accent-color:var(--teal);margin:0}.switch-field span{gap:4px;display:grid}.switch-field b{color:var(--ink);letter-spacing:0;font-size:12px}.switch-field small{color:var(--faint);letter-spacing:0;font-size:10px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.secondary-action{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:0 0;border-radius:11px;padding:11px 15px}.upload-card{grid-template-columns:minmax(260px,1fr) minmax(180px,.65fr) minmax(190px,.75fr) auto;align-items:end;gap:18px;display:grid}.upload-card>div{align-self:center;align-items:center;gap:14px;display:flex}.upload-card h2{margin:0 0 6px}.upload-card p{color:var(--faint);margin:0;font-size:11px}.upload-icon{width:46px;height:46px;color:var(--cyan);background:#3ee6ff17;border:1px solid #3ee6ff38;border-radius:13px;flex:none;place-items:center;display:grid}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker span{color:var(--cyan);cursor:pointer;text-align:center;letter-spacing:0;border:1px dashed #3ee6ff59;border-radius:11px;margin-top:8px;padding:13px 15px;display:block}.media-library{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px;display:grid}.media-asset{grid-template-columns:110px 1fr 36px;align-items:center;gap:13px;padding:12px;display:grid}.media-preview{background:#030812;border-radius:10px;height:78px;position:relative;overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%}.media-preview span{color:var(--cyan);font:600 8px/1 var(--font-mono);background:#02060ec7;border-radius:4px;padding:4px 5px;position:absolute;bottom:6px;left:6px}.media-meta{gap:5px;min-width:0;display:grid}.media-meta b,.media-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-meta b{font-size:12px}.media-meta small,.media-meta em{color:var(--faint);font-size:9.5px;font-style:normal}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#02060ebf;place-items:center;display:grid;position:fixed;inset:0}.generate-modal{border:1px solid var(--line-strong);background:linear-gradient(170deg,#0e192efa,#070d1afc);border-radius:22px;gap:18px;width:min(440px,100% - 32px);padding:40px;display:grid;position:relative;box-shadow:0 50px 120px #00030ae6,0 0 70px #3ee6ff14}.generate-modal h2{font-family:var(--font-display);margin:0;font-size:26px}.modal-close{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--faint);background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.modal-close:hover{color:var(--ink);border-color:var(--line-strong)}.day-chips{gap:8px;margin-top:9px;display:flex}.day-chips button{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;background:#04091499;border-radius:11px;flex:1;padding:12px 0;font-size:13px}.day-chips button.selected{border-color:var(--cyan);color:var(--cyan);background:#3ee6ff17;box-shadow:0 0 16px #3ee6ff26}.generate-modal .primary-action{justify-content:center;margin-top:6px}.generated-key{gap:11px;display:grid}.generated-key>span{color:var(--muted);font-size:12px}.generated-key code{color:var(--cyan);font:700 16px/1 var(--font-mono);text-align:center;word-break:break-all;background:#020812;border:1px solid #3ee6ff52;border-radius:11px;padding:15px}.generated-key button{border:1px solid var(--line-strong);color:var(--cyan);cursor:pointer;background:#3ee6ff12;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.generated-key small{color:#71809a;text-align:center;font-size:10px}.sidebar-account{align-items:center;gap:11px;min-width:0;margin-top:auto;padding:18px 3px 4px;display:flex}.sidebar-account>span{border:1px solid var(--line-strong);height:36px;color:var(--cyan);font-family:var(--font-display);text-transform:uppercase;background:#3ee6ff14;border-radius:50%;flex:0 0 36px;place-items:center;display:grid}.sidebar-account>div{gap:4px;min-width:0;display:grid}.sidebar-account b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-account small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.sidebar-account+.sidebar-logout{margin-top:10px}.account-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1.5fr);align-items:start;gap:22px;max-width:1080px;display:grid}.account-summary{text-align:center;padding-block:36px}.account-avatar{width:76px;height:76px;color:var(--cyan);border:1px solid var(--line-strong);background:#3ee6ff14;border-radius:22px;place-items:center;margin:0 auto 22px;display:grid}.account-summary h2{overflow-wrap:anywhere;margin-bottom:6px;font-size:21px}.account-summary>p{color:var(--muted);font:14px var(--font-mono);overflow-wrap:anywhere}.account-security-note{border-top:1px solid var(--line);color:#a9bdd4;text-align:left;align-items:flex-start;gap:10px;margin:28px 0 22px;padding-top:22px;font-size:14px;line-height:1.8;display:flex}.account-security-note svg{color:var(--teal);flex:0 0 20px;margin-top:3px}.account-summary .secondary-action{width:100%;font-size:14px;line-height:1.7}.account-form{gap:21px}.account-form .account-form-heading h2{margin:0 0 8px;font-size:20px}.account-form-heading p,.account-hint{color:#9eafc7;margin:0;font-size:14px;line-height:1.8}.account-form label{font-family:var(--font-body);color:#b8c9de;letter-spacing:0;font-size:14px}.account-form input{font-size:16px}.account-password-heading{border-top:1px solid var(--line);margin-top:6px;padding-top:24px}.account-form button:disabled{cursor:wait;opacity:.55;transform:none}@media (width<=980px){.account-layout{grid-template-columns:1fr}.sidebar-account>div{display:none}.sidebar-account{padding-inline:0}.hero{grid-template-columns:1fr;gap:30px;padding-top:5vh}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-tags,.hero-stats{justify-content:center}.access-card-wrap{min-height:480px}.landing-shell{overflow:auto}.landing-footer{flex-wrap:wrap;gap:12px;padding:26px 20px;position:static}.flip-hint{width:max-content;font-size:10.5px;bottom:96px}.admin-shell{grid-template-columns:76px 1fr}.admin-sidebar{align-items:center;padding:22px 13px}.admin-sidebar .brand>span:last-child{display:none}.admin-sidebar nav button,.sidebar-logout{justify-content:center;gap:0;padding:13px;font-size:0}.admin-sidebar nav small{display:none}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.key-row{grid-template-columns:1.6fr 1.1fr .8fr 66px}.key-row>span:nth-child(2),.key-row.head span:nth-child(2){display:none}.editor-card,.project-admin-layout{grid-template-columns:1fr}.project-list-card{position:static}.upload-card,.media-library{grid-template-columns:1fr 1fr}}@media (width<=620px){.site-nav,.portfolio-nav{padding:0 20px}.nav-status,.portfolio-meta{display:none}.hero{padding:3vh 20px 8vh}.hero h1{font-size:44px}.hero-lead{font-size:14px}.desktop-only{display:none}.hero-stats{gap:20px}.hero-stats b{font-size:21px}.access-inner{padding:38px 26px 26px}.orbit,.landing-footer>div{display:none}.page-tab{justify-content:center;gap:0;padding:5px 8px;font-size:0}.page-tab i{font-size:10px}.admin-main{padding:25px 16px}.admin-main>header{align-items:flex-start}.admin-main>header .primary-action{gap:0;padding:13px;font-size:0}.stat-grid{grid-template-columns:1fr}.key-row{grid-template-columns:1.4fr .8fr 60px;padding:13px 16px}.key-row>span:nth-child(3),.key-row.head span:nth-child(3){display:none}.editor-card{padding:16px}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.media-item-row{grid-template-columns:28px 80px 1fr 32px}.media-item-row>select:nth-of-type(2){grid-column:2/4}.upload-card,.media-library{grid-template-columns:1fr}.media-asset{grid-template-columns:90px 1fr 34px}.admin-login-shell{padding-top:60px}.generate-modal{padding:32px 24px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}