*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-1\/2{top:50%}.top-3{top:.75rem}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x:-1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-600\/20{border-color:#dc262633}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/\[0\.05\]{border-color:#ffffff0d}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:#0009}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-950{--tw-bg-opacity:1;background-color:rgb(3 7 18/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/80{background-color:#ef4444cc}.bg-red-500\/90{background-color:#ef4444e6}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-600\/10{background-color:#dc26261a}.bg-red-600\/90{background-color:#dc2626e6}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/70{--tw-gradient-from:#000000b3 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-9{padding-left:2.25rem}.pr-3{padding-right:.75rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-400\/60{color:#f8717199}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.placeholder-white\/25::placeholder{color:#ffffff40}.shadow-\[0_0_0_2px_\#3b82f6\]{--tw-shadow:0 0 0 2px #3b82f6;--tw-shadow-colored:0 0 0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}:root{--bg-base:#09090d;--bg-surface:#111318;--bg-card:#14161e;--bg-sidebar:#0d0f15;--bg-hover:#1a1d28;--gold:#c9a96e;--gold-light:#e8c98a;--gold-dim:#c9a96e26;--gold-border:#c9a96e33;--text-primary:#ede6d6;--text-muted:#7a7468;--text-dim:#3d3a35;--sidebar-w:230px;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Jost", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}.portal-shell{min-height:100vh;display:flex}.portal-sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--gold-border);z-index:40;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.portal-main{margin-left:var(--sidebar-w);flex:1;min-width:0}.sidebar-brand{border-bottom:1px solid var(--gold-border);padding:28px 22px 22px}.sidebar-brand-name{font-family:var(--font-display);color:var(--gold);letter-spacing:.01em;font-size:1.2rem;font-weight:600;line-height:1.2}.sidebar-brand-sub{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-top:3px;font-size:.62rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);padding:12px 12px 5px;font-size:.58rem}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;letter-spacing:.02em;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.82rem;font-weight:400;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--gold-dim);color:var(--gold-light);font-weight:500}.nav-item.disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.sidebar-footer{border-top:1px solid var(--gold-border);flex-direction:column;gap:2px;padding:14px 10px 18px;display:flex}.portal-content{max-width:1240px;padding:48px 52px 80px}.portal-hero{margin-bottom:52px}.hero-greeting{font-family:var(--font-display);color:var(--text-primary);font-size:2.8rem;font-style:italic;font-weight:600;line-height:1.15}.hero-greeting em{color:var(--gold);font-style:italic}.hero-sub{color:var(--text-muted);letter-spacing:.03em;margin-top:8px;font-size:.85rem;font-weight:300}.product-rows{flex-direction:column;gap:44px;display:flex}.row-header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.row-title{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);white-space:nowrap;font-size:.65rem;font-weight:600}.row-divider{background:linear-gradient(90deg, var(--gold-border) 0%, transparent 100%);flex:1;height:1px}.row-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;display:grid}.product-tile{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;gap:9px;padding:0;transition:transform .2s;display:flex}.product-tile:hover{transform:translateY(-5px)}.tile-cover{aspect-ratio:3/4;background:var(--bg-card);border:1px solid #ffffff0d;border-radius:10px;transition:border-color .2s;position:relative;overflow:hidden}.product-tile:hover .tile-cover{border-color:var(--gold-border)}.tile-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s}.product-tile:hover .tile-cover img{transform:scale(1.05)}.tile-placeholder{width:100%;height:100%;color:var(--text-dim);background:linear-gradient(145deg,#14161e 0%,#0d0f15 100%);justify-content:center;align-items:center;display:flex}.tile-lock{color:var(--text-muted);background:#09090db3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tile-overlay{opacity:0;background:linear-gradient(#0000 0%,#09090de6 100%);align-items:flex-end;height:55%;padding:12px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.product-tile:hover .tile-overlay{opacity:1}.tile-play-btn{background:var(--gold);color:#000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tile-meta{padding:0 2px}.tile-badge{text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px;font-size:.57rem;font-weight:600;display:inline-block}.tile-title{color:var(--text-primary);font-size:.82rem;font-weight:400;line-height:1.35}.product-detail{max-width:860px}.detail-back{color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:32px;padding:0;font-size:.78rem;transition:color .15s;display:flex}.detail-back:hover{color:var(--gold)}.detail-hero{grid-template-columns:190px 1fr;align-items:start;gap:32px;margin-bottom:40px;display:grid}.detail-cover{aspect-ratio:3/4;background:var(--bg-card);border:1px solid var(--gold-border);border-radius:12px;overflow:hidden}.detail-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.detail-cover-placeholder{width:100%;height:100%;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.detail-info{padding-top:6px}.detail-category{text-transform:uppercase;letter-spacing:.17em;margin-bottom:12px;font-size:.62rem;font-weight:600}.detail-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 14px;font-size:2rem;font-weight:600;line-height:1.2}.detail-desc{color:var(--text-muted);font-size:.875rem;font-weight:300;line-height:1.7}.detail-cta{background:var(--gold);color:#000;font-family:var(--font-body);cursor:pointer;letter-spacing:.04em;border:none;border-radius:8px;align-items:center;gap:10px;margin-top:24px;padding:12px 24px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.detail-cta:hover{background:var(--gold-light)}.detail-locked-note{color:var(--text-muted);align-items:center;gap:6px;margin-top:14px;font-size:.76rem;display:flex}.course-section-title{text-transform:uppercase;letter-spacing:.17em;color:var(--gold);margin-bottom:16px;font-size:.62rem;font-weight:600}.course-items{flex-direction:column;gap:6px;display:flex}.course-item{background:var(--bg-surface);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:16px;padding:15px 18px;transition:all .15s;display:flex}.course-item:hover:not(.locked){border-color:var(--gold-border);background:var(--bg-hover)}.course-item.locked{opacity:.38;cursor:default}.course-item-day{background:var(--bg-card);border:1px solid var(--gold-border);width:36px;height:36px;color:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:flex}.course-item-day.done{color:#4ade80;background:#22c55e1a;border-color:#22c55e47}.course-item-body{flex:1;min-width:0}.course-item-title{color:var(--text-primary);margin-bottom:2px;font-size:.875rem;font-weight:400}.course-item-meta{color:var(--text-muted);font-size:.71rem;font-weight:300}.course-item-arrow{color:var(--text-dim);flex-shrink:0}.course-item:not(.locked):hover .course-item-arrow{color:var(--gold)}.empty-state{text-align:center;background:var(--bg-surface);border:1px solid #ffffff0a;border-radius:14px;padding:60px 24px}.empty-icon{color:var(--text-dim);margin:0 auto 14px;display:block}.empty-title{color:var(--text-muted);font-size:.9rem;font-weight:400}.empty-sub{color:var(--text-dim);margin-top:5px;font-size:.78rem;font-weight:300}.portal-section{max-width:960px;padding:48px 52px 80px}.mobile-topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--gold-border);z-index:50;justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-topbar-brand{font-family:var(--font-display);color:var(--gold);font-size:1.1rem;font-weight:600}.mobile-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.sidebar-overlay{z-index:39;background:#000000b8;display:none;position:fixed;inset:0}.content-reader-panel{background:var(--bg-surface);border-left:1px solid var(--gold-border);z-index:61;flex-direction:column;width:min(640px,100vw);animation:.28s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.reader-drag-handle{background:var(--text-dim);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:none}@media (width<=768px){.reader-drag-handle{display:block}.content-reader-panel{border-left:none;border-top:1px solid var(--gold-border);width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0);border-radius:20px 20px 0 0;animation:.32s cubic-bezier(.16,1,.3,1) slideInUp;inset:auto 0 0}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.email-html-wrap *{color:var(--text-primary)!important;background:0 0!important}.email-html-wrap a{color:var(--gold)!important}.email-html-wrap h2,.email-html-wrap h3{color:var(--gold-light)!important}.email-html-wrap p{line-height:1.7;color:var(--text-primary)!important}.email-html-wrap [style*=background]{border-radius:8px;background:#ffffff0a!important}@media (width<=768px){.portal-sidebar{width:78vw;max-width:300px;transform:translate(-100%)}.portal-sidebar.open{transform:translate(0);box-shadow:4px 0 32px #000000b3}.sidebar-overlay.visible{display:block}.portal-main{padding-top:54px;padding-bottom:env(safe-area-inset-bottom,0);margin-left:0}.mobile-topbar{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-top:env(safe-area-inset-top,0);height:calc(54px + env(safe-area-inset-top,0));display:flex}.portal-content,.portal-section{padding:28px 18px 80px}.hero-greeting{font-size:1.95rem}.row-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tile-cover{aspect-ratio:2/3}.detail-hero{grid-template-columns:1fr;gap:22px}.detail-cover{aspect-ratio:16/9;border-radius:10px;width:100%;max-width:100%}.detail-cover img{-o-object-position:center 30%;object-position:center 30%}.detail-title{font-size:1.65rem}.course-item{min-height:64px;padding:16px 14px}.course-item-title{font-size:.9rem}@keyframes slideInRight{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (width<=380px){.hero-greeting{font-size:1.7rem}.row-grid{grid-template-columns:repeat(2,1fr);gap:8px}.portal-content{padding:20px 14px 80px}}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/\[0\.15\]:hover{background-color:#ffffff26}.hover\:bg-zinc-800:hover{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.focus\:border-blue-500\/50:focus{border-color:#3b82f680}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-zinc-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(24 24 27/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:border-white\/40{border-color:#fff6}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}