/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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}}}@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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}}:root{--ink:#f2f8ff;--muted:#9cb3cc;--cyan:#52dcff;--blue:#298bff;--violet:#a16cff;--panel:#051429b8;--panel-strong:#051123eb;--line:#5bb8ff59}.lesson-stage{z-index:50;isolation:isolate;align-items:center;width:min(1120px,100vw - 38px);max-height:calc(100svh - 28px);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-stage.has-isolated-invite{grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:14px;width:min(1360px,100vw - 34px)}.lesson-stage .lesson-modal{z-index:1;width:100%;height:min(790px,100svh - 34px);max-height:min(790px,100svh - 34px);animation:.28s cubic-bezier(.2,.8,.2,1) both lesson-panel-arrive;position:relative;top:auto;left:auto;transform:none}.lesson-stage.has-isolated-invite .lesson-hero{min-height:345px}.lesson-stage.has-isolated-invite .lesson-hero-copy{width:min(760px,88%);padding:68px 38px 32px}.lesson-stage.has-isolated-invite .lesson-hero-copy h2{font-size:clamp(34px,3.4vw,48px)}.lesson-stage.has-isolated-invite .lesson-body{gap:24px;padding:28px}.lesson-stage.has-isolated-invite .lesson-steps li{min-height:132px;padding:15px}.lesson-body.is-isolated{grid-template-columns:minmax(0,1fr)}.lesson-body.is-isolated .lesson-content,.lesson-body.is-isolated .lesson-gallery{grid-area:auto/1;width:auto}.lesson-invite-window{--invite-x:50%;--invite-y:50%;--invite-rotate-x:0deg;--invite-rotate-y:0deg;z-index:2;border:1px solid rgba(var(--accent-rgb), .68);min-width:0;height:100%;min-height:0;max-height:none;color:var(--ink);transform:perspective(920px) rotateX(var(--invite-rotate-x)) rotateY(var(--invite-rotate-y));transform-style:preserve-3d;transform-origin:50%;will-change:transform;scrollbar-color:rgba(var(--accent-rgb), .42) transparent;border-radius:12px 27px 12px 22px;flex-direction:column;justify-content:space-between;align-self:stretch;padding:28px 30px;transition:transform .11s ease-out,border-color .18s,box-shadow .18s;animation:2.8s ease-in-out infinite rare-card-breathe,.36s ease-out both invite-window-reveal;display:flex;position:relative;overflow:hidden}.lesson-invite-window::-webkit-scrollbar{width:5px}.lesson-invite-window::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .38);border-radius:999px}.lesson-invite-window>*{z-index:3;position:relative}.invite-cursor-glow{z-index:1;background:radial-gradient(circle 190px at var(--invite-x) var(--invite-y), #9df4ff52, #4ea3ff1f 38%, transparent 72%);opacity:.22;mix-blend-mode:screen;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.lesson-invite-window:hover .invite-cursor-glow,.lesson-invite-window:focus-within .invite-cursor-glow{opacity:1}.lesson-invite-window.rare-invite-card{background:radial-gradient(at 50% 88%,#27e2ff3b,#0000 34%),radial-gradient(at 50% 86%,#834dff33,#0000 49%),radial-gradient(circle at 86% 4%,#9767ff38,#0000 28%),linear-gradient(155deg,#0b3354fa,#020a1bfc 64%);box-shadow:inset 0 0 70px #52dcff13,0 22px 60px #00030f6b,0 0 34px #52dcff2e}.quantum-portal{opacity:.82;pointer-events:none;perspective:520px;border-radius:50% 50% 18px 18px;height:300px;transition:opacity .22s,filter .22s;bottom:-8px;left:-18px;right:-18px;overflow:hidden;z-index:1!important;position:absolute!important}.quantum-field,.quantum-ring,.quantum-core,.quantum-particles{pointer-events:none;position:absolute;top:61%;left:50%}.quantum-field{background:repeating-conic-gradient(from 12deg, #58e7ff1f 0 3deg, transparent 3deg 16deg), radial-gradient(ellipse, #37d2ff2e, #5b3cff17 38%, transparent 69%);filter:blur(8px);border-radius:50%;width:390px;height:230px;animation:2.4s ease-in-out infinite quantum-field-breathe;transform:translate(-50%,-50%)rotateX(67deg)}.quantum-ring{background:conic-gradient(from 0deg, transparent 0 10%, #66efff 14%, transparent 24% 42%, #8c62ff 48%, transparent 58% 76%, #d7fbff 81%, transparent 90%);filter:drop-shadow(0 0 8px #5be0ffbf);border-radius:50%;-webkit-mask:radial-gradient(#0000 57%,#000 59% 64%,#0000 66%);mask:radial-gradient(#0000 57%,#000 59% 64%,#0000 66%)}.quantum-ring-a{width:330px;height:160px;animation:3.2s linear infinite quantum-ring-spin;transform:translate(-50%,-50%)rotateX(65deg)}.quantum-ring-b{background:conic-gradient(from 90deg, transparent 0 16%, #ad78ff 21%, transparent 30% 48%, #66efff 55%, transparent 64% 83%, white 88%, transparent 94%);width:260px;height:126px;animation:2.2s linear infinite quantum-ring-spin-reverse;transform:translate(-50%,-50%)rotateX(65deg)}.quantum-ring-c{width:188px;height:92px;animation:1.45s linear infinite quantum-ring-spin;transform:translate(-50%,-50%)rotateX(65deg)}.quantum-core{background:radial-gradient(#02040b 0 30%,#311b72 46%,#60ddff 62%,#0000 72%);border-radius:50%;width:92px;height:42px;animation:1.3s ease-in-out infinite quantum-core-pulse;transform:translate(-50%,-50%);box-shadow:0 0 18px #a874ffe6,0 0 48px #3fdaffb8,0 0 90px #4962ff8a}.quantum-particles{width:1px;height:1px}.quantum-particles i{opacity:0;width:4px;height:4px;animation:quantum-suction 2.25s cubic-bezier(.35, .05, .6, .95) var(--q-delay) infinite;background:#d8fbff;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 8px #6fe9ff,0 0 15px #7e63ff}.lesson-invite-window:hover .quantum-portal,.lesson-invite-window:focus-within .quantum-portal{opacity:1;filter:brightness(1.28)saturate(1.2)}.lesson-invite-window:hover .quantum-particles i,.lesson-invite-window:focus-within .quantum-particles i{animation-duration:1.25s}.invite-entry-zone{z-index:5;border-top:1px solid rgba(var(--accent-rgb), .2);isolation:isolate;gap:10px;padding-top:17px;display:grid;position:relative}.isolated-invite-intro{border:0;gap:5px;margin:0;padding:0;display:grid}.isolated-invite-intro>span{color:#95dff4;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:850;display:inline-flex}.isolated-invite-intro>span i{background:#69f5d0;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite invite-status-pulse;box-shadow:0 0 12px #69f5d0}.isolated-invite-intro>strong{color:#f0fbff;letter-spacing:-.055em;text-shadow:0 0 26px rgba(var(--accent-rgb), .36);font-size:clamp(30px,2vw,36px);font-weight:850;line-height:.94}.isolated-invite-intro>small{color:#829eb5;font-size:10px;line-height:1.45}.lesson-invite-window .lesson-invite-badge{margin:0;padding:8px 11px;font-size:8.5px}.lesson-invite-window .lesson-summary-heading{gap:14px}.lesson-invite-window .lesson-summary-heading>span{border-radius:15px;width:54px;height:54px}.lesson-invite-window .lesson-summary-heading small{font-size:9px}.lesson-invite-window .lesson-summary-heading strong{font-size:18px}.lesson-invite-window>p{color:#a8bfd2;margin:0;font-size:12px;line-height:1.58}.lesson-invite-window .lesson-benefits{gap:9px;margin:0;padding:15px 0}.lesson-invite-window .lesson-benefits li{gap:9px;font-size:11px;line-height:1.42}.lesson-invite-window .lesson-launch{min-height:54px;margin:0;padding:0 17px;font-size:11.5px}.lesson-invite-window .lesson-microcopy{margin:0;font-size:8.5px}@keyframes quantum-field-breathe{0%,to{opacity:.48;transform:translate(-50%,-50%)rotateX(67deg)scale(.92)}50%{opacity:.95;transform:translate(-50%,-50%)rotateX(67deg)scale(1.08)}}@keyframes quantum-ring-spin{to{transform:translate(-50%,-50%)rotateX(65deg)rotate(360deg)}}@keyframes quantum-ring-spin-reverse{to{transform:translate(-50%,-50%)rotateX(65deg)rotate(-360deg)}}@keyframes quantum-core-pulse{0%,to{opacity:.66;filter:brightness(.8);transform:translate(-50%,-50%)scale(.78)}50%{opacity:1;filter:brightness(1.5);transform:translate(-50%,-50%)scale(1.14)}}@keyframes quantum-suction{0%{opacity:0;transform:rotate(var(--q-angle)) translateX(var(--q-radius)) scale(1.45)}16%{opacity:1}72%{opacity:.82}to{opacity:0;transform:rotate(calc(var(--q-angle) + 620deg)) translateX(8px) scale(.08)}}@keyframes lesson-panel-arrive{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@keyframes invite-window-reveal{0%{opacity:0;filter:blur(8px)brightness(.65)}to{opacity:1;filter:blur()brightness()}}@keyframes invite-status-pulse{0%,to{opacity:.6;transform:scale(.86)}50%{opacity:1;transform:scale(1.14)}}.motion-off .lesson-invite-window{transition:none;animation:none;transform:none}.motion-off .invite-cursor-glow{display:none}.motion-off .quantum-ring,.motion-off .quantum-field,.motion-off .quantum-core,.motion-off .quantum-particles i{animation:none}@media (width<=1240px){.lesson-stage.has-isolated-invite{scrollbar-color:rgba(var(--accent-rgb), .42) transparent;border-radius:10px 24px;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;width:min(960px,100vw - 24px);max-height:calc(100svh - 20px);overflow:hidden auto}.lesson-stage.has-isolated-invite .lesson-modal{height:auto;max-height:none;overflow:visible}.lesson-invite-window{justify-content:flex-start;place-self:start center;gap:16px;width:100%;max-width:600px;height:auto;min-height:0;max-height:none;overflow:hidden;transform:none}.quantum-portal{height:270px;bottom:-18px}.lesson-invite-window .lesson-launch{margin-top:0}}@media (width<=900px){.lesson-stage,.lesson-stage.has-isolated-invite{width:calc(100vw - 24px)}.lesson-stage .lesson-modal{width:100%}}@media (prefers-reduced-motion:reduce){.lesson-invite-window{transition:none;animation:none;transform:none!important}.invite-cursor-glow{display:none}.isolated-invite-intro>span i{animation:none}.quantum-ring,.quantum-field,.quantum-core,.quantum-particles i{animation:none!important}}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#020712}body{min-width:320px;color:var(--ink);background:#020712;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cosmic-app{--mx:0;--my:0;isolation:isolate;height:100svh;min-height:760px;color:var(--ink);background:#020712;position:relative;overflow:hidden}.space-backdrop,.starfield,.aurora,.vignette{pointer-events:none;position:absolute}.space-backdrop{z-index:-5;transform:scale(1.045) translate(calc(var(--mx) * -10px), calc(var(--my) * -7px));filter:saturate(1.08)contrast(1.04);background-image:linear-gradient(#00040c0d 0%,#0006120f 43%,#00040e42 100%),url(/space-cockpit-background.png);background-position:50%;background-size:cover;transition:transform .18s ease-out;animation:16s ease-in-out infinite alternate backdrop-breathe;inset:-3%}.starfield{z-index:-4;opacity:.45;transform:translate(calc(var(--mx) * -18px), calc(var(--my) * -12px));background-image:radial-gradient(circle at 8% 18%,#fff 0 1px,#0000 1.6px),radial-gradient(circle at 22% 77%,#72c8ff 0 1px,#0000 1.7px),radial-gradient(circle at 33% 27%,#fff 0 .8px,#0000 1.4px),radial-gradient(circle at 49% 60%,#a5cfff 0 1px,#0000 1.6px),radial-gradient(circle at 64% 16%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 75% 73%,#8edaff 0 1px,#0000 1.7px),radial-gradient(circle at 91% 31%,#fff 0 1px,#0000 1.6px);background-size:390px 280px,470px 330px,560px 390px,620px 440px,690px 470px,750px 520px,820px 550px;transition:transform .24s ease-out;animation:5s ease-in-out infinite alternate star-pulse;inset:7% 6% 34%}.stars-two{opacity:.26;filter:blur(.2px);transform:translate(calc(var(--mx) * 13px), calc(var(--my) * 8px)) scale(1.15);animation-delay:-2.2s}.aurora{z-index:-3;opacity:.18;filter:blur(46px);width:44vw;height:28vw;transform:translate(calc(var(--mx) * 28px), calc(var(--my) * 16px));background:radial-gradient(#5e32e66b,#106eff1f 42%,#0000 72%);animation:11s ease-in-out infinite alternate aurora-drift;top:10%;left:28%}.vignette{z-index:-2;background:linear-gradient(#00030a7a 0%,#0000 19% 68%,#00030c8c 100%),radial-gradient(#0000 42%,#00040d8c 100%);inset:0}.glass-panel{-webkit-backdrop-filter:blur(18px)saturate(1.24);background:linear-gradient(145deg,#091e39d4,#030f1fad);border:1px solid #54b4ff4d;box-shadow:inset 0 0 18px #489dff0f,0 14px 42px #00040f5c,0 0 0 1px #01081499}.topbar{z-index:20;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:26px;left:34px;right:34px}.welcome-panel{min-width:206px;color:var(--ink);text-align:left;cursor:pointer;clip-path:polygon(10px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 10px);border-radius:14px 5px;align-items:center;gap:13px;padding:11px 18px 11px 11px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.welcome-panel:after,.quick-actions:after,.hud-panel:after{content:"";background:var(--cyan);width:42px;height:1px;box-shadow:0 0 10px var(--cyan);opacity:.8;position:absolute;top:0;left:13px}.welcome-panel:hover{border-color:#53daff8f;transform:translateY(-2px);box-shadow:inset 0 0 22px #489dff1a,0 18px 48px #00040f85,0 0 22px #2089ff1a}.brand-orbit,.profile-orbit{border:1px solid #56d2ff94;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;animation:3.5s ease-in-out infinite orbit-glow;display:grid;box-shadow:inset 0 0 18px #2a88ff38,0 0 18px #2a88ff24}.brand-mark{color:#d7f4ff;letter-spacing:-.15em;text-shadow:0 0 12px var(--cyan);font-size:22px;font-style:italic;font-weight:800;transform:translate(-1px)}.welcome-copy{gap:3px;display:grid}.welcome-copy small{color:#aac0d5;font-size:10px}.welcome-copy strong{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.welcome-copy i,.status-content strong i{background:#44f2be;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #44f2be}.quick-actions{clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);border-radius:5px 16px;gap:7px;padding:10px;display:flex;position:relative}.quick-actions button{color:#c8ddf1;cursor:pointer;background:#030d1d70;border:1px solid #5baae738;border-radius:8px;place-items:center;width:45px;height:42px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:relative}.quick-actions button:hover,.quick-actions button.active{color:var(--cyan);background:#1b6da929;border-color:#52dcff94;transform:translateY(-2px)}.action-count{background:var(--cyan);color:#001221;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:3px;right:4px}.command-center{z-index:5;text-align:center;flex-direction:column;align-items:center;height:100%;padding:103px 280px 118px;display:flex;position:relative}.title-lockup{z-index:4;flex-direction:column;align-items:center;display:flex;position:relative}.title-emblem{border:1px solid #57d2ffc7;width:34px;height:34px;margin-bottom:7px;animation:3.7s ease-in-out infinite emblem-float;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 13px #3977ff73,0 0 18px #3977ff6b}.title-emblem:before,.title-emblem:after,.title-emblem span{content:"";border:1px solid #99ebffe0;position:absolute;inset:6px}.title-emblem:after{background:var(--cyan);box-shadow:0 0 13px var(--cyan);border:0;inset:12px}.title-lockup>p{color:#d4e4f5;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:650;display:flex}.title-lockup>p span,.section-label span{background:linear-gradient(90deg,#0000,#4bcbffcc);width:78px;height:1px;display:block;box-shadow:0 0 8px #4bcbff66}.title-lockup>p span:last-child,.section-label span:last-child{transform:scaleX(-1)}.title-lockup h1{color:#0000;letter-spacing:.055em;text-transform:uppercase;filter:drop-shadow(0 0 14px #5fabff38);background:linear-gradient(#fff 4%,#d8eaff 38%,#88b8e4 84%);-webkit-background-clip:text;background-clip:text;margin:3px 0 0;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(36px,4vw,58px);font-weight:800;line-height:.98}.title-underline{background:linear-gradient(90deg,#0000,#57c7ffd1,#0000);width:68%;height:1px;margin:9px auto 8px;box-shadow:0 0 12px #2e9dff6b}.tagline{color:#afc1d6;letter-spacing:.025em;font-size:13px}.search-command{z-index:6;color:#88b8dc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030e1f94;border:1px solid #4baae83d;border-radius:999px;align-items:center;width:min(380px,82vw);height:37px;margin-top:5px;padding:0 10px 0 13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.search-command:focus-within{background:#041327d1;border-color:#52dcffa3;box-shadow:0 0 22px #33abff1f}.search-command input{color:#e9f7ff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 9px;font-size:12px}.search-command input::placeholder{color:#7991a9}.search-command kbd{color:#8da6bd;background:#0a1f369e;border:1px solid #70abd740;border-radius:6px;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.section-label{z-index:4;color:#d8e7f7;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin-top:14px;font-size:12px;font-weight:700;display:flex;position:relative}.section-label span{width:92px}.tool-deck{z-index:5;perspective:1000px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(880px,66vw);margin-top:15px;display:grid;position:relative}.tool-card{--accent:var(--cyan);--accent-rgb:82, 220, 255;border:1px solid rgba(var(--accent-rgb), .52);background:linear-gradient(180deg, rgba(var(--accent-rgb), .08), transparent 38%), linear-gradient(150deg, #0f2b4dd1, #041023d1);min-width:0;height:228px;box-shadow:inset 0 0 28px rgba(var(--accent-rgb), .07), 0 22px 55px #00051273, 0 0 18px rgba(var(--accent-rgb), .07);color:var(--ink);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.22);backdrop-filter:blur(18px)saturate(1.22);opacity:0;animation:.65s cubic-bezier(.2,.8,.2,1) forwards card-arrive;animation-delay:calc(.16s + var(--delay,0s));border-radius:5px 15px;flex-direction:column;align-items:flex-start;padding:23px 20px 17px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden;transform:translateY(18px)rotateX(2deg)}.accent-violet{--accent:var(--violet);--accent-rgb:161, 108, 255}.accent-blue{--accent:#62cfff;--accent-rgb:98, 207, 255}.tool-card:before{content:"";background:radial-gradient(circle at 50% 38%, rgba(var(--accent-rgb), .16), transparent 36%);opacity:.7;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;inset:0}.tool-card:after{content:"";background:linear-gradient(90deg,#0000,#e1f6ff12,#0000);width:55%;height:100%;transition:left .52s;position:absolute;top:0;left:-80%;transform:skew(-18deg)}.tool-card:hover,.tool-card:focus-visible{z-index:2;border-color:rgba(var(--accent-rgb), .92);background:linear-gradient(180deg, rgba(var(--accent-rgb), .14), transparent 45%), linear-gradient(150deg, #113258f0, #041125ed);box-shadow:inset 0 0 38px rgba(var(--accent-rgb), .12), 0 28px 70px #000512a8, 0 0 27px rgba(var(--accent-rgb), .22);transform:translateY(-9px)rotateX(0)}.tool-card:hover:after{left:135%}.tool-card:hover:before{opacity:1;transform:scale(1.1)}.card-chamfer{background:var(--accent);width:28px;height:1px;box-shadow:0 0 9px var(--accent);opacity:.72;position:absolute;top:7px;left:8px}.favorite-button{z-index:4;color:#849cb6;cursor:pointer;background:#010b1a7a;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:color .18s,background .18s,transform .18s;display:grid;position:absolute;top:13px;right:13px}.favorite-button:hover,.favorite-button.is-favorite{color:#9deaff;background:rgba(var(--accent-rgb), .14);filter:drop-shadow(0 0 7px var(--accent))}.favorite-button:hover{transform:scale(1.1)}.favorite-button.is-favorite svg{fill:currentColor}.tool-category{z-index:2;color:#b5d2ebad;letter-spacing:.17em;text-transform:uppercase;font-size:8px;font-weight:700;position:relative}.tool-icon{z-index:2;background:radial-gradient(circle, rgba(var(--accent-rgb), .17), rgba(var(--accent-rgb), .04) 52%, transparent 71%);width:69px;height:69px;color:var(--accent);filter:drop-shadow(0 0 9px rgba(var(--accent-rgb), .78));border-radius:50%;align-self:center;place-items:center;margin:6px 0 4px;animation:3.8s ease-in-out infinite icon-hover;display:grid;position:relative}.tool-card h2{z-index:2;color:#f1f8ff;letter-spacing:-.02em;width:100%;margin:0;font-size:16px;font-weight:650;position:relative}.tool-card p{z-index:2;color:#97acc2;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin:8px 0 0;font-size:10.5px;line-height:1.55;display:-webkit-box;position:relative;overflow:hidden}.card-footer{z-index:2;align-items:center;gap:9px;width:100%;margin-top:auto;display:flex;position:relative}.energy-line{background:rgba(var(--accent-rgb), .12);border-radius:999px;flex:1;height:3px;display:block;overflow:hidden}.energy-line i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), rgba(var(--accent-rgb), .38));width:58%;height:100%;box-shadow:0 0 10px var(--accent);animation:3s ease-in-out infinite alternate energy-flow;display:block}.open-arrow{color:var(--accent);opacity:.8;transition:transform .18s;transform:translate(-3px)}.tool-card:hover .open-arrow{transform:translate(1px)}.add-card{text-align:center;background:linear-gradient(150deg,#0c264594,#030f1fa8);border-style:dashed;justify-content:center;align-items:center}.add-card h2,.add-card p{width:auto}.add-ring{z-index:2;width:64px;height:64px;color:var(--cyan);border:1px solid #52dcffb8;border-radius:50%;place-items:center;margin-bottom:9px;transition:transform .24s,box-shadow .24s;display:grid;position:relative;box-shadow:inset 0 0 21px #3cadff21,0 0 16px #3cadff29}.add-card:hover .add-ring{transform:rotate(90deg)scale(1.05);box-shadow:inset 0 0 28px #3cadff33,0 0 23px #3cadff42}.add-cta{z-index:2;color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;margin-top:11px;font-size:9px;font-weight:700;display:flex;position:relative}.compact-mode .tool-deck{width:min(980px,72vw)}.compact-mode .tool-card{height:206px;padding-top:18px}.compact-mode .tool-icon{width:58px;height:58px}.holo-platform{z-index:1;opacity:.8;pointer-events:none;perspective:500px;width:min(740px,62vw);height:175px;position:absolute;top:548px;left:50%;transform:translate(-50%)}.ring,.platform-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(70deg)}.ring-one{border:2px solid #2c8eff7a;width:98%;height:134%;animation:4s ease-in-out infinite ring-pulse;box-shadow:0 0 24px #1889ff59,inset 0 0 24px #1889ff47}.ring-two{border:2px dashed #4edbff85;width:76%;height:100%;animation:12s linear infinite ring-spin;box-shadow:0 0 17px #4edbff4d}.ring-three{border:1px solid #816dffb8;width:51%;height:66%;animation:8s linear infinite ring-spin-reverse;box-shadow:0 0 21px #7456ff57}.platform-core{filter:blur(2px);background:radial-gradient(circle,#b2edffc7,#25a9ff5c 30%,#0000 72%);width:26%;height:34%;animation:2.7s ease-in-out infinite alternate core-pulse}.hud-panel{z-index:12;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);width:235px;height:113px;padding:18px 22px;position:absolute;bottom:24px}.mission-panel{left:42px}.status-panel{right:42px}.hud-eyebrow{color:#a9bdd0;letter-spacing:.08em;text-transform:uppercase;font-size:8px;display:block}.mission-content,.status-content{align-items:center;gap:13px;margin-top:10px;display:flex}.mission-content strong,.status-content strong{color:#e1edf8;font-size:11px;font-weight:550;line-height:1.55}.radar-mini,.status-radar{background:repeating-radial-gradient(circle,#0000 0 7px,#4dc9ff47 8px 9px);border:1px solid #4dc9ff9e;border-radius:50%;flex:none;width:47px;height:47px;display:block;position:relative;box-shadow:inset 0 0 14px #2a90ff2e}.radar-mini:before,.status-radar:before{content:"";background:#51cfff8c;height:1px;position:absolute;inset:50% 0 auto}.radar-mini i,.status-radar i{transform-origin:0;background:linear-gradient(90deg, var(--cyan), transparent);width:20px;height:1px;animation:3s linear infinite radar-sweep;position:absolute;top:50%;left:50%}.hud-progress{background:#439bdd24;border-radius:999px;height:3px;position:absolute;bottom:13px;left:87px;right:22px}.hud-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), #407dff);width:74%;height:100%;box-shadow:0 0 9px var(--cyan);display:block}.status-content>span:last-child{gap:5px;display:grid}.status-content strong{align-items:center;gap:6px;display:flex}.status-content small{color:#8197ad;font-size:8px}.dock{z-index:18;border-radius:13px 13px 5px 5px;gap:6px;padding:7px 9px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.dock button{color:#89a5bf;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:74px;height:47px;padding:0 13px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex}.dock button span{font-size:11px;display:none}.dock button:hover{color:#c8ecff;transform:translateY(-2px)}.dock button.active{min-width:118px;color:var(--cyan);background:linear-gradient(#1d76bb2e,#0924421f);border-color:#37a1ff45;box-shadow:inset 0 -1px #5bd1ff24,0 0 16px #379aff14}.dock button.active span{display:inline}.empty-state{z-index:5;color:#9cb4c9;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:min(480px,80vw);margin-top:35px;padding:28px;display:flex;position:relative}.empty-state strong{color:#e6f3ff}.empty-state span{font-size:12px}.empty-state button,.secondary-action{color:var(--cyan);cursor:pointer;background:#2388c51f;border:1px solid #52dcff5c;border-radius:8px;margin-top:8px;padding:9px 15px}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00050fa3;border:0;animation:.18s both fade-in;position:fixed;inset:0}.modal{z-index:50;background:linear-gradient(145deg, #0c2544f5, #030d1df7), var(--panel-strong);width:min(430px,100vw - 32px);color:var(--ink);border:1px solid #53cdff7a;border-radius:9px 24px;max-height:calc(100svh - 32px);padding:34px;animation:.26s cubic-bezier(.2,.8,.2,1) both modal-arrive;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 38px #318eff12,0 35px 100px #00020abf,0 0 42px #2893ff1a}.modal:before{content:"";background:linear-gradient(90deg, var(--cyan), transparent);width:88px;height:2px;box-shadow:0 0 13px var(--cyan);position:absolute;top:-1px;left:22px}.modal-close{color:#9bb3ca;cursor:pointer;background:#00081670;border:1px solid #6dadda33;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--cyan);border-color:#52dcff80}.modal-icon{border:1px solid rgba(var(--accent-rgb), .45);background:radial-gradient(circle, rgba(var(--accent-rgb), .19), transparent 68%);width:84px;height:84px;color:var(--accent);filter:drop-shadow(0 0 12px rgba(var(--accent-rgb), .6));border-radius:50%;place-items:center;margin-bottom:19px;display:grid}.modal-kicker{color:var(--cyan);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:750}.modal h2{color:#f1f8ff;letter-spacing:-.035em;margin:6px 0 10px;font-size:27px}.modal>p{color:#9eb2c7;margin:0;font-size:13px;line-height:1.65}.tool-modal ul{gap:10px;margin:22px 0;padding:0;list-style:none;display:grid}.tool-modal li{color:#c7d7e7;align-items:center;gap:9px;font-size:12px;display:flex}.tool-modal li svg{color:var(--cyan)}.modal-actions{align-items:center;gap:10px;display:flex}.modal-actions a,.modal-actions>button:not(.danger-button),.add-modal form>button{color:#dff8ff;cursor:pointer;background:linear-gradient(135deg,#28a4ed4d,#2265d440);border:1px solid #53dcff8c;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:inset 0 0 17px #52dcff14,0 0 18px #33a6ff17}.modal-actions a:hover,.add-modal form>button:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:inset 0 0 20px #52dcff1f,0 8px 28px #1f8dff29}.danger-button{color:#e99bb0;cursor:pointer;background:#a6254a14;border:1px solid #ff6e8b33;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:11px;display:inline-flex}.add-modal form{grid-template-columns:1fr 1fr;gap:13px;margin-top:21px;display:grid}.add-modal label{color:#b6cadc;letter-spacing:.04em;gap:6px;font-size:10px;font-weight:700;display:grid}.add-modal label:nth-child(3),.add-modal label:nth-child(4),.add-modal form>button{grid-column:1/-1}.add-modal input,.add-modal textarea{color:#ebf8ff;background:#010a198c;border:1px solid #59a3d940;border-radius:8px;outline:0;width:100%;font-size:12px;transition:border-color .18s,box-shadow .18s}.add-modal input{height:40px;padding:0 11px}.add-modal textarea{resize:vertical;min-height:70px;padding:10px 11px}.add-modal input:focus,.add-modal textarea:focus{border-color:#52dcffa6;box-shadow:0 0 15px #52dcff12}.add-modal form>button{margin-top:3px}.side-modal{width:min(390px,100vw - 32px);animation-name:modal-arrive;left:50%;right:auto;transform:translate(-50%,-50%)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 18px;display:grid}.stat-grid div{text-align:center;background:#0311238c;border:1px solid #51aeed33;border-radius:10px;gap:4px;padding:15px 8px;display:grid}.stat-grid strong{color:var(--cyan);text-shadow:0 0 14px #52dcff40;font-size:22px}.stat-grid span{color:#8fa6bc;font-size:9px}.signal-chart{background:#020d1d80;border-radius:10px;align-items:end;gap:7px;height:58px;padding:9px 12px;display:flex}.signal-chart i{background:linear-gradient(180deg, var(--cyan), #216ee2);border-radius:3px 3px 0 0;flex:1;height:35%;animation:2s ease-in-out infinite alternate signal-bars;box-shadow:0 0 8px #52dcff40}.signal-chart i:nth-child(2){height:54%;animation-delay:-1.1s}.signal-chart i:nth-child(3){height:38%;animation-delay:-.5s}.signal-chart i:nth-child(4){height:82%;animation-delay:-1.6s}.signal-chart i:nth-child(5){height:61%;animation-delay:-.8s}.signal-chart i:nth-child(6){height:92%;animation-delay:-1.3s}.signal-chart i:nth-child(7){height:69%;animation-delay:-.3s}.signal-chart i:nth-child(8){height:100%;animation-delay:-1.8s}.setting-row{border-bottom:1px solid #61a4d321;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.setting-row>span{gap:4px;display:grid}.setting-row strong{color:#dceaf6;font-size:12px}.setting-row small{color:#8097ad;font-size:9px}.switch{cursor:pointer;background:#020c1ab3;border:1px solid #66a4d04d;border-radius:999px;flex:none;width:42px;height:23px;position:relative}.switch i{background:#71869a;border-radius:50%;width:15px;height:15px;transition:transform .2s,background .2s,box-shadow .2s;position:absolute;top:3px;left:3px}.switch.on{background:#2993d133;border-color:#52dcff8c}.switch.on i{background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translate(19px)}.profile-orbit{width:82px;height:82px;margin-bottom:18px}.profile-orbit .brand-mark{font-size:35px}.profile-status{background:#03112380;border:1px solid #51bff02e;border-radius:10px;grid-template-columns:9px 1fr;gap:4px 9px;margin-top:22px;padding:14px;display:grid}.profile-status>span{background:#44f2be;border-radius:50%;grid-row:1/3;width:8px;height:8px;margin-top:4px;box-shadow:0 0 10px #44f2be}.profile-status strong{color:#dbeaf6;font-size:11px}.profile-status small{color:#8299af;font-size:9px}.toast{z-index:80;color:#dff7ff;background:#05192df0;border:1px solid #52dcff61;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;animation:.26s both toast-in;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 14px 42px #00030d8f,0 0 20px #52dcff1a}.toast svg{color:#4af2c1}@keyframes backdrop-breathe{0%{filter:saturate(1.02)contrast(1.03)brightness(.96)}to{filter:saturate(1.11)contrast(1.06)brightness(1.04)}}@keyframes star-pulse{0%{opacity:.2}to{opacity:.52}}@keyframes aurora-drift{0%{opacity:.12;scale:.94}to{opacity:.24;scale:1.08}}@keyframes orbit-glow{50%{box-shadow:inset 0 0 24px #2a88ff4d,0 0 24px #2a88ff3d}}@keyframes emblem-float{50%{filter:brightness(1.25);transform:rotate(45deg)translate(-2px,-2px)}}@keyframes card-arrive{to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes icon-hover{50%{filter:drop-shadow(0 0 14px rgba(var(--accent-rgb), .9));transform:translateY(-3px)}}@keyframes energy-flow{0%{filter:brightness(.9);width:43%}to{filter:brightness(1.3);width:78%}}@keyframes ring-pulse{50%{opacity:.64;scale:1.04}}@keyframes ring-spin{to{transform:translate(-50%,-50%)rotateX(70deg)rotate(360deg)}}@keyframes ring-spin-reverse{to{transform:translate(-50%,-50%)rotateX(70deg)rotate(-360deg)}}@keyframes core-pulse{to{opacity:.66;scale:1.18}}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-arrive{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes side-modal-arrive{0%{opacity:0;transform:translate(20px,-50%)scale(.98)}to{opacity:1;transform:translateY(-50%)scale(1)}}@keyframes signal-bars{to{filter:brightness(1.35);transform-origin:bottom;transform:scaleY(.82)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.motion-off *,.motion-off :before,.motion-off :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=1180px){.command-center{padding-left:170px;padding-right:170px}.tool-deck{gap:12px;width:min(820px,76vw)}.tool-card{padding-left:16px;padding-right:16px}.mission-panel,.status-panel{width:205px}.mission-panel{left:20px}.status-panel{right:20px}}@media (width<=900px){.cosmic-app{height:auto;min-height:100svh;overflow:hidden auto}.space-backdrop,.starfield,.aurora,.vignette{position:fixed}.space-backdrop{background-position:top;inset:-1%;transform:scale(1.08)}.topbar{position:fixed;top:14px;left:14px;right:14px}.welcome-panel{min-width:0;padding-right:12px}.welcome-copy small{display:none}.brand-orbit{width:40px;height:40px}.quick-actions{padding:6px}.quick-actions button{width:38px;height:38px}.command-center{height:auto;min-height:100svh;padding:98px 20px 132px}.title-lockup h1{font-size:clamp(34px,8vw,48px)}.tool-deck,.compact-mode .tool-deck{grid-template-columns:repeat(2,minmax(0,1fr));width:min(660px,92vw)}.tool-card,.compact-mode .tool-card{height:224px}.holo-platform{opacity:.35;position:fixed;top:auto;bottom:18px}.hud-panel{display:none}.dock{position:fixed;bottom:13px}.dock button{min-width:54px;padding:0 10px}.dock button.active{min-width:95px}.side-modal{animation-name:modal-arrive;left:50%;right:auto;transform:translate(-50%,-50%)}}@media (width<=560px){.welcome-copy{display:none}.welcome-panel{padding:7px}.quick-actions button:nth-child(2){display:none}.title-emblem{width:28px;height:28px}.title-lockup>p{gap:8px;font-size:10px}.title-lockup>p span{width:42px}.tagline{max-width:270px;font-size:11px}.section-label span{width:50px}.tool-deck,.compact-mode .tool-deck{grid-template-columns:1fr;gap:13px;width:100%}.tool-card,.compact-mode .tool-card{height:205px}.tool-icon{width:58px;height:58px}.tool-card p{font-size:11px}.dock{justify-content:space-around;width:calc(100vw - 22px)}.dock button,.dock button.active{flex:1;min-width:0;padding:0 6px}.dock button span,.dock button.active span{display:none}.modal{max-height:calc(100svh - 32px);padding:29px 23px;overflow-y:auto}.add-modal form{grid-template-columns:1fr}.add-modal label,.add-modal label:nth-child(3),.add-modal label:nth-child(4),.add-modal form>button{grid-column:1}.modal-actions{flex-direction:column;align-items:stretch}.modal-actions a,.modal-actions button{width:100%}.toast{width:max-content;max-width:calc(100vw - 28px);bottom:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.client-access-config{background:linear-gradient(135deg,#2388d421,#0000 55%),#020d1d94;border:1px solid #52dcff40;border-radius:12px;margin:18px 0 12px;padding:15px;box-shadow:inset 0 0 24px #42aaff0a}.client-config-heading{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.client-config-icon{width:38px;height:38px;color:var(--cyan);background:#2493d51f;border:1px solid #52dcff61;border-radius:9px;place-items:center;display:grid;box-shadow:inset 0 0 15px #52dcff12}.client-config-heading>span:nth-child(2){gap:3px;display:grid}.client-config-heading strong{color:#e8f5ff;font-size:12px}.client-config-heading small{color:#829bb2;font-size:9px}.client-config-heading em{color:#8eeecf;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:8px;font-style:normal;font-weight:750;display:inline-flex}.client-config-heading em i{background:#44f2be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #44f2be}.client-access-config>p{color:#91a9bf;margin:12px 0;font-size:10px;line-height:1.55}.client-config-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.client-config-actions a,.client-config-actions button{color:#dff8ff;cursor:pointer;background:linear-gradient(135deg,#2fa9e938,#2160ca2e);border:1px solid #52dcff61;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.client-config-actions button{color:#a8c7dd;background:#0311238c}.client-config-actions a:hover,.client-config-actions button:hover{border-color:#52dcffb8;transform:translateY(-2px);box-shadow:0 8px 25px #228be21f}.client-app{background:#010610;height:auto;min-height:100svh;overflow:hidden auto}.client-dashboard{width:100%;height:auto;min-height:100svh;min-height:inherit;opacity:.3;filter:blur(10px)saturate(.72);transform-origin:50%;transition:opacity .7s,filter .7s,transform .9s cubic-bezier(.16,.84,.24,1);position:relative;transform:scale(1.035)}.client-phase-ready .client-dashboard{opacity:1;filter:none;animation:.9s cubic-bezier(.16,.84,.24,1) both client-destination-reveal;transform:scale(1)}.client-app .command-center{height:auto;min-height:100svh;padding-bottom:170px}.client-welcome{cursor:default}.client-welcome:hover{transform:none}.client-access-badge{clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);border-radius:5px 14px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:relative}.client-access-badge>span:first-child{color:#67f5cb;background:#1ca68114;border:1px solid #44f2be61;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;box-shadow:inset 0 0 14px #44f2be0d,0 0 14px #44f2be0d}.client-access-badge>span:last-child{gap:2px;display:grid}.client-access-badge small{color:#7fa0ba;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:700}.client-access-badge strong{color:#d9f8ed;font-size:11px}.client-tool-deck{grid-template-columns:repeat(auto-fill,minmax(200px,240px));justify-content:center;width:min(880px,68vw)}.compact-mode .client-tool-deck{grid-template-columns:repeat(auto-fill,minmax(170px,200px));justify-content:center;width:min(1000px,74vw)}.client-app .client-tool-card{appearance:none;opacity:0;width:100%;animation:none}.client-tool-item{min-width:0}.client-phase-ready .client-tool-card{animation:.65s cubic-bezier(.2,.8,.2,1) forwards card-arrive;animation-delay:calc(.16s + var(--delay,0s))}.client-open-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.client-dock{justify-content:center;width:auto;min-width:190px;padding:7px}.client-dock>span{height:47px;color:var(--cyan);background:linear-gradient(145deg,#1a79be2e,#0a2f6029);border:1px solid #52dcff6b;border-radius:9px;align-items:center;gap:10px;padding:0 22px;display:flex;position:relative;box-shadow:inset 0 0 17px #52dcff0f}.client-dock strong{color:#d9f4ff;font-size:11px;font-weight:650}.client-dock>span>i{background:#44f2be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #44f2be}.client-gate{z-index:100;-webkit-backdrop-filter:blur(8px)saturate(.82);backdrop-filter:blur(8px)saturate(.82);background:radial-gradient(circle,#1a6edc21,#0000 31%),linear-gradient(#00040e9e,#000511d1);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden auto}.client-gate-grid{opacity:.2;transform-origin:bottom;background-image:linear-gradient(#46a4ff1f 1px,#0000 1px),linear-gradient(90deg,#46a4ff1f 1px,#0000 1px);background-size:76px 76px;animation:10s linear infinite client-grid-drift;position:absolute;inset:0;transform:perspective(600px)rotateX(64deg)scale(1.5)translateY(18%);-webkit-mask-image:radial-gradient(circle,#000,#0000 66%);mask-image:radial-gradient(circle,#000,#0000 66%)}.client-gate-card{z-index:5;text-align:center;-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(145deg,#0a2648bd,#020d1db8),#020a18b3;border:1px solid #56ccff57;border-radius:11px 30px;flex-direction:column;align-items:center;width:min(580px,100vw - 34px);max-height:calc(100svh - 32px);padding:36px 38px 31px;animation:.85s cubic-bezier(.16,.84,.24,1) both client-gate-arrive;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 50px #3e9eff12,0 35px 110px #00020cad,0 0 60px #319bff14}.client-gate-card:before,.client-gate-card:after{content:"";background:linear-gradient(90deg, var(--cyan), transparent);height:1px;box-shadow:0 0 13px var(--cyan);position:absolute}.client-gate-card:before{width:130px;top:-1px;left:28px}.client-gate-card:after{width:90px;bottom:-1px;right:28px;transform:scaleX(-1)}.client-gate-kicker{color:#72ddff;letter-spacing:.28em;text-transform:uppercase;margin-bottom:16px;font-size:9px;font-weight:800}.client-gate-emblem{border:1px solid #52dcffb8;place-items:center;width:68px;height:68px;margin-bottom:14px;animation:2.8s ease-in-out infinite client-emblem-charge;display:grid;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 24px #3977ff61,0 0 30px #3996ff4d}.client-gate-emblem:before,.client-gate-emblem:after,.client-gate-emblem i{content:"";border:1px solid #a0ebffe6;position:absolute;inset:10px}.client-gate-emblem:after{background:#79efff;border:0;inset:22px;box-shadow:0 0 17px #52dcff,0 0 34px #298bffb3}.client-gate-card>p:not(.client-gate-description){color:#d1e6fa;letter-spacing:.22em;margin:0;font-size:12px;font-weight:750}.client-gate-card>h1{color:#0000;letter-spacing:.07em;filter:drop-shadow(0 0 18px #52a8ff47);background:linear-gradient(#fff 5%,#d8eaff 42%,#7baad6 90%);-webkit-background-clip:text;background-clip:text;margin:2px 0 0;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(42px,7vw,66px);font-weight:850;line-height:1}.client-gate-divider{background:linear-gradient(90deg,#0000,#52dcffd9,#0000);width:min(330px,70%);height:1px;margin:18px 0 19px;box-shadow:0 0 13px #52dcff7a}.client-gate-card h2{color:#eff8ff;letter-spacing:-.025em;margin:0;font-size:clamp(18px,3vw,24px);font-weight:650}.client-gate-description{color:#93acc3;max-width:420px;margin:10px 0 22px;font-size:12px;line-height:1.65}.client-gate-card>button{color:#e6fbff;cursor:pointer;background:linear-gradient(120deg,#30b4ef52,#2765dd45),#041730d1;border:1px solid #66e3ffb3;border-radius:5px 13px;justify-content:center;align-items:center;gap:11px;min-width:218px;min-height:52px;padding:0 24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #52dcff1a,0 0 25px #2c9bff1f}.client-gate-card>button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:45%;height:100%;animation:2.8s ease-in-out infinite client-button-scan;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.client-gate-card>button span,.client-gate-card>button svg{z-index:2;position:relative}.client-gate-card>button span{letter-spacing:.11em;font-size:11px;font-weight:850}.client-gate-card>button:hover:not(:disabled){border-color:#9df1ff;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 25px #52dcff26,0 14px 38px #1c8ae738,0 0 28px #52dcff2e}.client-gate-card>button:disabled{cursor:wait}.client-gate-card>small{color:#718ca5;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;margin-top:16px;font-size:8px;font-weight:700;display:inline-flex}.client-gate-card>small i{background:#44f2be;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #44f2be}.client-shockwaves,.client-particles,.client-energy-core,.client-gate-flash{z-index:8;pointer-events:none;opacity:0;position:absolute;top:50%;left:50%}.client-shockwaves i{border:2px solid #67e4ffd1;border-radius:50%;width:80px;height:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 35px #52dcff8c,inset 0 0 28px #52dcff38}.client-energy-core{background:#fff;border-radius:50%;width:24px;height:24px;transform:translate(-50%,-50%);box-shadow:0 0 30px #fff,0 0 80px #52dcff,0 0 150px #227cff}.client-particles i{--particle-angle:0deg;--particle-distance:220px;--particle-delay:0s;opacity:0;transform-origin:50% 100%;background:linear-gradient(#fff,#52dcff,#0000);border-radius:999px;width:4px;height:22px;position:absolute;top:0;left:0;box-shadow:0 0 10px #52dcff}.client-gate-flash{mix-blend-mode:screen;background:radial-gradient(circle,#eefdff 0 1%,#53dbffeb 2%,#2874ff80 8%,#0000 29%);border-radius:50%;width:220vmax;height:220vmax;transform:translate(-50%,-50%)scale(.02)}.client-gate.is-burst .client-gate-card{animation:.7s cubic-bezier(.7,0,.84,0) .18s forwards client-gate-collapse}.client-gate.is-burst .client-energy-core{animation:1.05s cubic-bezier(.12,.74,.25,1) forwards client-core-burst}.client-gate.is-burst .client-shockwaves{opacity:1}.client-gate.is-burst .client-shockwaves i:first-child{animation:.9s ease-out .19s forwards client-shockwave}.client-gate.is-burst .client-shockwaves i:nth-child(2){animation:.9s ease-out .33s forwards client-shockwave}.client-gate.is-burst .client-shockwaves i:nth-child(3){animation:.9s ease-out .47s forwards client-shockwave}.client-gate.is-burst .client-particles{opacity:1}.client-gate.is-burst .client-particles i{animation:client-particle-burst .88s cubic-bezier(.12,.72,.24,1) calc(.21s + var(--particle-delay)) forwards}.client-gate.is-burst .client-gate-flash{animation:1.05s cubic-bezier(.12,.7,.22,1) .25s forwards client-flash-burst}@keyframes client-gate-arrive{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes client-grid-drift{to{background-position:0 76px,76px 0}}@keyframes client-emblem-charge{50%{filter:brightness(1.3);box-shadow:inset 0 0 32px #3977ff85,0 0 42px #39aaff73}}@keyframes client-button-scan{0%,35%{left:-60%}70%,to{left:130%}}@keyframes client-gate-collapse{0%{opacity:1;filter:brightness();transform:scale(1)}52%{opacity:1;filter:brightness(1.7);transform:scale(.9)}to{opacity:0;filter:brightness(3);transform:scale(.04)}}@keyframes client-core-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}16%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:1;transform:translate(-50%,-50%)scale(4)}to{opacity:0;transform:translate(-50%,-50%)scale(13)}}@keyframes client-shockwave{0%{opacity:.9;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(10)}}@keyframes client-particle-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--particle-angle)) translateY(-18px) scaleY(.2)}18%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--particle-angle)) translateY(calc(var(--particle-distance) * -1)) scaleY(1.8)}}@keyframes client-flash-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.02)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes client-destination-reveal{0%{opacity:0;filter:brightness(2)blur(8px);transform:scale(1.08)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@media (width<=900px){.client-dashboard{height:auto}.client-tool-deck{grid-template-columns:repeat(2,minmax(0,1fr));width:min(660px,92vw)}}@media (width<=560px){.client-config-heading{grid-template-columns:38px 1fr}.client-config-heading em{grid-column:2}.client-config-actions{grid-template-columns:1fr}.client-access-badge{padding:7px}.client-access-badge>span:last-child{display:grid}.client-access-badge small{display:none}.client-access-badge strong{font-size:9px}.client-tool-deck{grid-template-columns:1fr;width:100%}.client-gate{padding:16px}.client-gate-card{border-radius:9px 22px;padding:29px 21px 25px}.client-gate-emblem{width:57px;height:57px}.client-gate-card>h1{font-size:43px}.client-gate-description{font-size:11px}.client-gate-card>button{width:100%}}.accent-cyan{--accent:var(--cyan);--accent-rgb:82, 220, 255}.tool-icon.has-image{border:1px solid rgba(var(--accent-rgb), .5);background:#020b1bc7;padding:3px;overflow:hidden}.tool-icon.has-image img{object-fit:cover;border-radius:16px;width:100%;height:100%}.lesson-modal{border-color:rgba(var(--accent-rgb), .55);width:min(1120px,100vw - 38px);max-height:min(920px,100svh - 28px);box-shadow:inset 0 0 70px rgba(var(--accent-rgb), .05), 0 44px 120px #00020ce0, 0 0 70px rgba(var(--accent-rgb), .13);background:#031022;border-radius:12px 30px;padding:0;overflow-x:hidden}.lesson-modal:before{z-index:12;background:linear-gradient(90deg, var(--accent), transparent);width:170px;box-shadow:0 0 18px var(--accent);left:30px}.lesson-modal .modal-close{z-index:15;color:#c8e9fb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010918b8;top:18px;right:18px}.lesson-hero{border-bottom:1px solid rgba(var(--accent-rgb), .32);background:radial-gradient(circle at 65% 45%, rgba(var(--accent-rgb), .2), transparent 35%), linear-gradient(135deg, #061d38, #030b19 65%);align-items:flex-end;min-height:385px;display:flex;position:relative;overflow:hidden}.lesson-hero>img{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.06)brightness(.76);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.012)}.lesson-cover-fallback{color:rgba(var(--accent-rgb), .46);background:linear-gradient(rgba(var(--accent-rgb), .045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .045) 1px, transparent 1px);background-size:42px 42px;place-items:center;display:grid;position:absolute;inset:0}.lesson-hero-shade{background:linear-gradient(90deg,#010714f5 0%,#010714ad 48%,#01071429 76%),linear-gradient(#0000 32%,#010816fa 100%);position:absolute;inset:0}.lesson-mode{z-index:3;color:#aeefff;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030f22ad;border:1px solid #73ebff47;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:22px;left:26px}.lesson-mode svg{color:var(--accent)}.lesson-hero-copy{z-index:3;grid-template-columns:62px 1fr;align-items:start;gap:18px;width:min(760px,82%);padding:76px 44px 38px;display:grid;position:relative}.lesson-app-icon,.lesson-summary-heading>span{border:1px solid rgba(var(--accent-rgb), .5);background:radial-gradient(circle, rgba(var(--accent-rgb), .24), #030e20eb);color:var(--accent);box-shadow:inset 0 0 22px rgba(var(--accent-rgb), .12), 0 0 24px rgba(var(--accent-rgb), .18);flex:none;place-items:center;display:grid;overflow:hidden}.lesson-app-icon{border-radius:18px;width:62px;height:62px}.lesson-app-icon.has-image img,.lesson-summary-heading>span.has-image img{object-fit:cover;width:100%;height:100%}.lesson-hero-copy h2{letter-spacing:-.055em;text-wrap:balance;text-shadow:0 6px 30px #000716bf;max-width:700px;margin:7px 0 10px;font-size:clamp(32px,4vw,52px);line-height:.98}.lesson-hero-copy p{color:#bad1e5;text-wrap:balance;max-width:660px;margin:0;font-size:14px;line-height:1.65}.lesson-hero-action,.lesson-launch,.builder-submit-row>button{border:1px solid rgba(var(--accent-rgb), .68);background:linear-gradient(135deg, rgba(var(--accent-rgb), .36), #3553df45);min-height:48px;box-shadow:inset 0 0 22px rgba(var(--accent-rgb), .12), 0 8px 28px rgba(var(--accent-rgb), .14);color:#ecfbff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.lesson-hero-action{margin-top:18px;padding:0 20px}.lesson-hero-action:hover,.lesson-launch:hover,.builder-submit-row>button:hover:not(:disabled){border-color:var(--accent);box-shadow:inset 0 0 28px rgba(var(--accent-rgb), .18), 0 12px 34px rgba(var(--accent-rgb), .2);transform:translateY(-2px)}.lesson-body{background:linear-gradient(#41b8ff06 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#41b8ff06 1px,#0000 1px) 0 0/36px 36px,linear-gradient(145deg,#06172c,#020b18);grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:34px;display:grid}.lesson-content{grid-column:1/-1;min-width:0}.lesson-section-heading{gap:4px;margin-bottom:16px;display:grid}.lesson-section-heading span{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:800}.lesson-section-heading strong{color:#edf8ff;letter-spacing:-.025em;font-size:18px}.lesson-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-steps li{border:1px solid rgba(var(--accent-rgb), .2);background:linear-gradient(145deg, rgba(var(--accent-rgb), .08), #020c1bb3);border-radius:12px;grid-template-columns:40px 1fr;align-items:start;gap:12px;min-height:150px;padding:17px;display:grid;box-shadow:inset 0 1px #ffffff06}.lesson-steps li>span{border:1px solid rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .11);width:38px;height:38px;color:var(--accent);font-family:var(--font-mono,monospace);box-shadow:0 0 17px rgba(var(--accent-rgb), .1);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.lesson-steps strong{color:#eff9ff;margin:2px 0 5px;font-size:13px;display:block}.lesson-steps p{color:#94adc2;margin:0;font-size:11px;line-height:1.55}.lesson-gallery{grid-area:2/1;min-width:0;margin-top:0}.lesson-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lesson-gallery-grid figure{border:1px solid rgba(var(--accent-rgb), .28);background:#020916;border-radius:13px;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 40px #00020c4d}.lesson-gallery-grid figure:only-child{grid-column:1/-1}.lesson-gallery-grid img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.lesson-gallery-grid figcaption{color:#bdefff;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010918c2;border:1px solid #73e7ff3d;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;position:absolute;bottom:10px;right:10px}.lesson-summary{border:1px solid rgba(var(--accent-rgb), .25);background:linear-gradient(160deg, rgba(var(--accent-rgb), .1), #020b19e6 48%);min-width:0;box-shadow:inset 0 0 32px rgba(var(--accent-rgb), .035), 0 20px 55px #00030e47;isolation:isolate;border-radius:15px;flex-direction:column;grid-area:2/2;align-self:stretch;padding:20px;display:flex;position:relative;overflow:hidden}.lesson-body.no-gallery .lesson-summary{grid-column:1/-1;justify-self:center;width:min(430px,100%)}.lesson-summary>*{z-index:2;position:relative}.lesson-invite-badge{color:#bff5ff;letter-spacing:.11em;text-transform:uppercase;background:#1573a421;border:1px solid #77ebff61;border-radius:999px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:15px;padding:7px 10px;font-size:8px;font-weight:850;display:inline-flex;box-shadow:inset 0 0 13px #52dcff14,0 0 17px #52dcff17}.lesson-invite-badge svg{color:#7cecff;filter:drop-shadow(0 0 6px #61e6ffe6)}.lesson-summary-heading{align-items:center;gap:12px;display:flex}.lesson-summary-heading>span{border-radius:13px;width:48px;height:48px}.lesson-summary-heading>div{gap:2px;display:grid}.lesson-summary-heading small{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800}.lesson-summary-heading strong{color:#eff9ff;font-size:16px}.lesson-summary>p{color:#9db4c8;margin:15px 0;font-size:11px;line-height:1.6}.lesson-benefits{border-top:1px solid rgba(var(--accent-rgb), .14);border-bottom:1px solid rgba(var(--accent-rgb), .14);gap:8px;margin:0;padding:14px 0;list-style:none;display:grid}.lesson-benefits li{color:#c3d6e6;align-items:flex-start;gap:8px;font-size:10px;line-height:1.45;display:flex}.lesson-benefits svg{color:var(--accent);flex:none}.lesson-launch{width:100%;min-height:51px;margin-top:auto;padding:0 16px;position:relative;overflow:hidden}.lesson-launch span{text-align:left;flex:1}.lesson-microcopy{color:#6f879c;text-align:center;margin:9px 6px 0;font-size:8px;line-height:1.45;display:block}.lesson-remove{justify-content:center;width:100%;margin-top:12px}.lesson-admin-actions{gap:10px;width:100%;margin-top:14px;display:flex}.lesson-admin-actions>button{flex:1;justify-content:center;align-items:center;gap:7px;margin-top:0;display:inline-flex}.rare-invite-card{background:radial-gradient(circle at 84% 6%,#9767ff38,#0000 28%),radial-gradient(circle at 0 100%,#36d6ff2b,#0000 34%),linear-gradient(155deg,#0f395bf5,#030d1efa 64%);border-color:#70e7ff94;animation:2.8s ease-in-out infinite rare-card-breathe;box-shadow:inset 0 0 46px #52dcff13,0 22px 60px #00030f61,0 0 25px #52dcff21}.rare-invite-card:before{content:"";z-index:0;filter:blur(2px);pointer-events:none;background:linear-gradient(90deg,#0000,#9df2ff33,#0000);width:42%;animation:3.2s ease-in-out infinite rare-card-scan;position:absolute;top:-35%;bottom:-35%;left:-75%;transform:rotate(14deg)}.rare-invite-card:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 9px 9px,#8beaffad 0 1px,#0000 1.7px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#ae74ffb8 0 1px,#0000 1.7px);border:1px solid #90ebff1c;border-radius:10px;position:absolute;inset:7px}.rare-invite-card .lesson-launch{background:linear-gradient(110deg,#1c9edc8a,#486be86b,#9254ff61);border-color:#79edffd1;animation:1.7s ease-in-out infinite rare-button-pulse;box-shadow:inset 0 0 23px #aaf6ff21,0 0 22px #49d1ff33,0 8px 26px #145cd638}.rare-invite-card .lesson-launch:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:22%;animation:2.1s ease-in-out infinite rare-button-shine;position:absolute;top:-45%;bottom:-45%;left:-36%;transform:rotate(16deg)}.rare-invite-card .lesson-launch span,.rare-invite-card .lesson-launch svg{z-index:2;position:relative}@keyframes rare-card-breathe{0%,to{border-color:#70e7ff7a;box-shadow:inset 0 0 46px #52dcff0f,0 22px 60px #00030f61,0 0 20px #52dcff1a}50%{border-color:#9aeeffe0;box-shadow:inset 0 0 56px #52dcff1c,0 22px 60px #00030f61,0 0 38px #52dcff40}}@keyframes rare-card-scan{0%,18%{opacity:0;left:-75%}38%{opacity:.9}68%,to{opacity:0;left:135%}}@keyframes rare-button-pulse{0%,to{filter:brightness();transform:translateY(0)scale(1)}50%{filter:brightness(1.2);transform:translateY(-1px)scale(1.015)}}@keyframes rare-button-shine{0%,35%{opacity:0;left:-36%}52%{opacity:.9}78%,to{opacity:0;left:118%}}.app-builder-modal{background:linear-gradient(#3db9ff07 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#3db9ff07 1px,#0000 1px) 0 0/38px 38px,linear-gradient(145deg,#09203dfb,#020b19fc);border-radius:12px 28px;width:min(990px,100vw - 38px);max-height:min(940px,100svh - 28px);padding:30px}.builder-heading{border-bottom:1px solid #52beff29;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:0 46px 22px 0;display:grid}.builder-heading-icon{width:54px;height:54px;color:var(--cyan);background:radial-gradient(circle,#4cceff33,#030f21d6);border:1px solid #4edaff66;border-radius:15px;place-items:center;display:grid;box-shadow:0 0 24px #40b2ff1f}.builder-heading h2{margin:4px 0 3px;font-size:25px}.builder-heading p{color:#8fa9be;margin:0;font-size:11px}.builder-heading em{color:#8deeca;letter-spacing:.09em;text-transform:uppercase;border:1px solid #56efbe33;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.builder-heading em i{background:#51f0bc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #51f0bc}.app-builder-modal form{margin-top:18px;display:block}.builder-section{background:#020c1c94;border:1px solid #51b0f129;border-radius:13px;min-width:0;margin:0 0 14px;padding:16px;box-shadow:inset 0 1px #ffffff05}.builder-section legend{color:#e7f5ff;grid-template-columns:34px auto 1fr;align-items:center;gap:9px;padding:0 8px;display:grid}.builder-section legend>span{width:30px;height:24px;color:var(--cyan);font-family:var(--font-mono,monospace);background:#2c9be01a;border:1px solid #52dcff52;border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.builder-section legend strong{font-size:12px}.builder-section legend small{color:#6f899f;font-size:9px;font-weight:500}.builder-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:5px;display:grid}.app-builder-modal label{min-width:0}.app-builder-modal label>small{color:#66849b;font-weight:500}.builder-form-grid .span-two{grid-column:1/-1}.app-builder-modal input,.app-builder-modal textarea,.app-builder-modal select{color:#ebf8ff;width:100%;font:inherit;background:#010917b3;border:1px solid #59a3d947;border-radius:9px;outline:0;font-size:11px;transition:border-color .18s,box-shadow .18s,background .18s}.app-builder-modal input,.app-builder-modal select{height:42px;padding:0 11px}.app-builder-modal select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#65d8ff 50%),linear-gradient(135deg,#65d8ff 50%,#0000 50%);background-position:calc(100% - 16px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.app-builder-modal textarea{min-height:72px;padding:10px 11px}.app-builder-modal textarea[name=steps]{min-height:118px}.app-builder-modal input:focus,.app-builder-modal textarea:focus,.app-builder-modal select:focus{background-color:#020f22e6;border-color:#52dcffb3;box-shadow:0 0 0 3px #52dcff0e,0 0 18px #52dcff12}.builder-upload-grid{grid-template-columns:180px minmax(0,1fr);gap:12px;margin-top:5px;display:grid}.builder-upload{cursor:pointer;background:linear-gradient(145deg,#278fd51a,#020c1ba8);border:1px dashed #52d3ff61;border-radius:12px;place-items:center;min-height:112px;padding:12px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden;display:grid!important}.builder-upload:hover{background:linear-gradient(145deg,#278fd529,#020c1bb8);border-color:#52dcffad;transform:translateY(-1px)}.builder-upload input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.builder-upload>span{text-align:center;place-items:center;gap:5px;display:grid}.builder-upload svg{color:var(--cyan)}.builder-upload strong{color:#daf4ff;font-size:11px}.builder-upload small{color:#6f899f;font-size:8px}.icon-upload.has-preview{min-height:132px}.icon-upload>img{object-fit:cover;border:1px solid #52dcff59;border-radius:20px;width:78px;height:78px;box-shadow:0 0 22px #52dcff21}.icon-upload>b{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:8px}.builder-gallery-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:11px;display:grid}.builder-gallery-preview figure{background:#020a16;border:1px solid #54b9f73b;border-radius:9px;min-width:0;margin:0;position:relative;overflow:hidden}.builder-gallery-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.builder-gallery-preview figcaption{color:#82a5bd;text-transform:uppercase;padding:6px 8px;font-size:8px}.builder-gallery-preview button{color:#bed9ea;cursor:pointer;background:#010712d1;border:1px solid #90c9eb3d;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:5px;right:5px}.builder-media-note{color:#68859b;align-items:center;gap:6px;margin:9px 2px 0;font-size:8px;display:flex}.builder-media-note svg{color:#6fe0ff}.builder-submit-row{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020c1cf0;border-top:1px solid #52cbff2e;justify-content:space-between;align-items:center;gap:18px;margin:5px -30px -30px;padding:14px 30px;display:flex;position:sticky;bottom:-30px;box-shadow:0 -14px 35px #00041061}.builder-submit-row>span{grid-template-columns:20px auto;align-items:center;column-gap:7px;display:grid}.builder-submit-row>span svg{color:#55eac2;grid-row:1/span 2}.builder-submit-row>span b{color:#d9f3eb;font-size:10px}.builder-submit-row>span small{color:#68859a;font-size:8px}.builder-submit-row>button{--accent-rgb:82, 220, 255;--accent:var(--cyan);min-width:230px;padding:0 20px}.builder-submit-row>button:disabled{cursor:wait;opacity:.6}@media (width<=900px){.lesson-modal,.app-builder-modal{width:calc(100vw - 24px);max-height:calc(100svh - 20px)}.lesson-hero{min-height:350px}.lesson-hero-copy{width:90%;padding-left:28px;padding-right:28px}.lesson-body{grid-template-columns:1fr}.lesson-content,.lesson-gallery,.lesson-summary,.lesson-body.no-gallery .lesson-summary{grid-area:auto/1;justify-self:stretch;width:auto}.lesson-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-summary{position:static}.builder-heading{grid-template-columns:52px 1fr}.builder-heading em{display:none}}@media (width<=620px){.lesson-modal{border-radius:9px 22px}.lesson-hero{min-height:420px}.lesson-hero-shade{background:linear-gradient(#01081647,#010816a6 36%,#010816fc 100%)}.lesson-mode{top:18px;left:18px}.lesson-hero-copy{grid-template-columns:48px 1fr;gap:12px;width:100%;padding:78px 19px 23px}.lesson-app-icon{border-radius:14px;width:48px;height:48px}.lesson-hero-copy h2{font-size:31px}.lesson-hero-copy p{font-size:12px}.lesson-hero-action{width:100%;padding:0 12px;font-size:10px}.lesson-body{gap:20px;padding:22px 17px}.lesson-steps,.lesson-gallery-grid{grid-template-columns:1fr}.lesson-steps li{min-height:0}.app-builder-modal{padding:24px 17px}.builder-heading{grid-template-columns:45px 1fr;gap:11px;padding-right:36px}.builder-heading-icon{border-radius:12px;width:43px;height:43px}.builder-heading h2{font-size:20px}.builder-heading p{font-size:9px;line-height:1.45}.builder-section{padding:13px}.builder-section legend{grid-template-columns:31px 1fr}.builder-section legend small{grid-column:2}.builder-form-grid,.builder-upload-grid{grid-template-columns:1fr}.builder-form-grid .span-two{grid-column:1}.builder-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-submit-row{flex-direction:column;align-items:stretch;margin:5px -17px -24px;padding:12px 17px;bottom:-24px}.builder-submit-row>button{width:100%;min-width:0}}.lesson-invite-window.rare-invite-card{animation:2.8s ease-in-out infinite rare-card-breathe,.36s ease-out both invite-window-reveal}.motion-off .lesson-invite-window.rare-invite-card{transition:none;animation:none;transform:none}@media (prefers-reduced-motion:reduce){.lesson-invite-window.rare-invite-card{transition:none!important;animation:none!important;transform:none!important}.lesson-invite-window .invite-cursor-glow{display:none}}.login-stage{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:40px 32px;display:flex}.login-card h1{letter-spacing:.02em;margin:0;font-size:1.6rem}.login-card p{opacity:.75;margin:0;font-size:.95rem}.login-field{text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.login-field span{opacity:.7;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.login-field input{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;outline:none;padding:12px 14px;font-size:1rem}.login-field input:focus{border-color:#78c8ffb3;box-shadow:0 0 0 3px #78c8ff2e}.login-error{color:#ff8a8a;font-size:.9rem}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5ab4ffe6,#9678ffe6);border:none;border-radius:10px;width:100%;padding:13px 16px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s}.login-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-back{opacity:.65;font-size:.85rem;text-decoration:none}.login-back:hover{opacity:1}@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}
