:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090f16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#070c13 0%,#0d1520 100%);min-width:320px;min-height:100vh;margin:0}a{color:#9de9ff;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}.snapshot-shell{display:none}.app-shell,.admin-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem}.page-stack{gap:1.25rem;display:grid}.page-stack.narrow{width:min(100%,1040px);margin:0 auto}.site-header,.hero,.section-grid,.admin-grid,.case-study,.faq-shell,.toolbar,.admin-header,.card-actions,.hero-actions,.footer-actions,.two-up-fields,.case-study-grid{gap:1rem;display:grid}.site-header,.admin-header{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;margin-bottom:1.25rem}.brand-mark{letter-spacing:-.03em;font-size:1.35rem;font-weight:800}.nav-list,.chip-list,.chip-row,.bullet-list,.link-list,.backup-list,.timeline-list,.posts-list{margin:0;padding:0;list-style:none}.nav-list,.chip-list,.chip-row,.footer-actions,.hero-actions,.card-actions.wrap{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{color:#a5b3c7;border-radius:999px;padding:.65rem .95rem;transition:background-color .18s,color .18s,transform .18s}.nav-link:hover,.nav-link:focus-visible,.nav-link.active,.chip-button.active,.faq-button.active,.list-button.active{color:#f6fbff;background:#12c9f91f}.card,.button,.faq-button,.list-button,.chip-button,.toggle-card,.filter-field input,.toolbar input,.auth-card input,.auth-card textarea,.post-editor input,.post-editor textarea,.post-editor select,.card textarea,.card select,.upload-form input{color:#eef5ff;background:#09131ddb;border:1px solid #9ab0c929;border-radius:1.25rem}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.2rem;box-shadow:0 18px 40px #00000040}.interactive-card,.project-card,.blog-card,.recommendation-card,.image-card,.case-study{transition:transform .18s,border-color .18s,box-shadow .18s}.interactive-card:hover,.project-card:hover,.blog-card:hover,.recommendation-card:hover,.image-card:hover,.case-study:hover,.interactive-card:focus-within,.project-card:focus-within,.blog-card:focus-within{border-color:#1ef2c866;transform:translateY(-4px);box-shadow:0 22px 44px #00000052}.hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;padding:1.5rem}.hero img,.blog-card img,.project-card img,.case-study img,.image-card img,.blog-post img{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#12c9f933,#1ef2c824);border-radius:1rem}.hero-panel{gap:1rem;display:grid}.hero-panel img{aspect-ratio:1;justify-self:center;width:min(100%,380px)}.hero h1,.page-hero h1,.blog-post h1,.auth-card h1,.admin-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.3rem,5vw,4.75rem);line-height:.96}h2,h3,p{margin-top:0}.lede{color:#b5c4d7;font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7fdff9;margin-bottom:.5rem;font-size:.76rem}.accent{color:#1ef2c8}.button,.faq-button,.list-button,.chip-button,.toggle-card{cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.82rem 1rem;display:inline-flex}.button{font-weight:700}.button.primary{color:#041018;background:linear-gradient(135deg,#12c9f9,#1ef2c8);border:none}.button.secondary,.chip-button,.faq-button,.list-button,.toggle-card,.filter-field input,.toolbar input,.auth-card input,.auth-card textarea,.post-editor input,.post-editor textarea,.post-editor select,.card textarea,.card select,.upload-form input{background:#09131deb}.button.ghost,.button.secondary,.chip-button,.faq-button,.list-button,.toggle-card{color:#d9e7f7}.button.danger{color:#ff9ea0}.stat-grid,.card-grid,.image-grid,.resource-columns,.admin-grid,.section-grid{gap:1rem;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card,.icon-badge{gap:.2rem;display:grid}.stat-card{background:#ffffff08;border-radius:1rem;padding:1rem}.stat-card strong{font-size:1.5rem}.card-grid.three-up,.resource-columns,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-grid.single-column{grid-template-columns:1fr}.section-grid,.case-study,.faq-shell{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-heading,.split-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.filter-field,.toolbar,.post-editor,.upload-form,.auth-card,.image-card,.faq-answer,.faq-questions,.posts-list,.resource-columns,.timeline-list li,.backup-list li{gap:.75rem;display:grid}.filter-field input,.toolbar input,.auth-card input,.auth-card textarea,.post-editor input,.post-editor textarea,.post-editor select,.card textarea,.card select,.upload-form input{width:100%;padding:.85rem 1rem}.scroller{scroll-snap-type:x proximity;grid-auto-columns:minmax(280px,360px);grid-auto-flow:column;gap:1rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.recommendation-card,.image-card,.blog-card,.project-card{gap:.9rem;display:grid}.recommendation-card,.image-card{scroll-snap-align:start}.recommendation-card img{aspect-ratio:1;border-radius:50%;width:72px;height:72px}.recommendation-card blockquote{margin:0;font-size:1.05rem}.chip-list li,.chip-button,.faq-button,.list-button,.icon-badge{border-radius:999px}.chip-list li,.icon-badge{background:#ffffff0d;padding:.55rem .8rem}.chip-list.stacked{flex-direction:column}.chip-list.stacked li{border-radius:.85rem}.toggle-card{text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:0}.impact-detail{color:#b7c7d8}.timeline-list li{border-top:1px solid #ffffff14;grid-template-columns:140px 1fr;padding-top:.9rem}.timeline-list li:first-child,.backup-list li:first-child{border-top:0;padding-top:0}.faq-card,.status-card,.page-hero,.blog-post,.auth-card{max-width:100%}.faq-questions{align-content:start}.toolbar{align-items:center}.case-study-grid,.two-up-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.case-study{align-items:start}.blog-post .markdown-body{color:#dce7f4}.blog-post .markdown-body h2,.blog-post .markdown-body h3{margin-top:1.5rem}.posts-list{margin-bottom:1rem}.blog-editor-workspace{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.blog-editor-pane{gap:.75rem;display:grid}.editor-toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.editor-inline-select{gap:.35rem;min-width:220px;display:grid}.editor-inline-select select{width:100%;padding:.55rem .65rem}.blog-body-textarea{min-height:65vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.55}.preview-card.blog-editor-pane{min-height:65vh;max-height:75vh;overflow:auto}.preview-card .markdown-body pre{background:#060e16eb;border:1px solid #8098b64d;border-radius:.7rem;margin:0;padding:.9rem 1rem;overflow:auto}.preview-card .markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.list-button{text-align:left;justify-content:space-between}.backup-list li{border-top:1px solid #ffffff14;padding:.85rem 0}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{width:min(460px,100%)}.error-card,.error-text{color:#ffb4b8}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.app-shell,.admin-shell{width:min(100% - 1rem,1200px)}.hero h1,.page-hero h1,.blog-post h1,.auth-card h1,.admin-header h1{font-size:clamp(2rem,12vw,3.2rem)}.timeline-list li{grid-template-columns:1fr}}.app-shell{width:min(1080px,100% - 3rem);padding:2rem 0 5rem}.site-header{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;padding:0}.brand-wrap{align-items:baseline;gap:.75rem;display:flex}.keyboard-illustration,.mouse-illustration,.portrait-silhouette{display:none}.hero,.card,.page-hero,.blog-post,.case-study,.site-footer{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#080d148c;border:1px solid #8098b638;border-radius:.9rem}.hero,.card,.site-footer{padding:2rem}.page-stack,.section-grid,.section-block,.site-footer{gap:3rem}.section-block{border-top:1px solid #8098b633;padding:2rem 0}.section-block:first-of-type{border-top:0;padding-top:0}.hero h1,.page-hero h1,.blog-post h1{letter-spacing:-.03em;line-height:1.1}.nav-link,.button,.chip-button,.faq-button,.list-button,.toggle-card{border-radius:.6rem}.button.primary{color:#06111a;background:#12c9f9}.chip-list li,.icon-badge{background:#ffffff0a}.timeline-list li,.backup-list li{border-color:#8098b640}.site-footer{margin-top:4rem}.card-grid.two-up{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.editable-field{position:relative}.editable-field[role=button]{cursor:pointer}.editable-field[role=button]:hover,.editable-field[role=button]:focus-visible{outline-offset:2px;outline:2px solid #12c9f9cc;box-shadow:inset 0 -1px #12c9f9}.inline-edit-button{color:#8ce7ff;background:#06111af2;border:1px solid #12c9f980;border-radius:.5rem;padding:.2rem .45rem;font-size:.72rem}.live-edit-toolbar{z-index:1200;background:#050b12f0;border:1px solid #12c9f973;border-radius:.7rem;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex;position:fixed;bottom:1rem;right:1rem}.live-edit-overlay{z-index:1300;background:#02060ab3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.live-edit-modal{gap:1rem;width:min(680px,100%);display:grid}.live-edit-modal textarea,.live-edit-modal input,.live-edit-modal select{width:100%}
