@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{color-scheme:dark;--bg-primary: #06070a;--bg-secondary: #0b0d12;--bg-tertiary: #10141b;--surface: rgba(15, 19, 28, .88);--surface-solid: #121722;--surface-hover: rgba(21, 27, 40, .96);--surface-elevated: rgba(14, 18, 26, .98);--surface-muted: rgba(255, 255, 255, .03);--backdrop: rgba(6, 8, 12, .74);--accent-primary: #8fb2ff;--accent-primary-rgb: 143, 178, 255;--accent-secondary: #bfd1ff;--accent-glow: rgba(143, 178, 255, .26);--accent-soft: rgba(143, 178, 255, .12);--success: #6ee7b7;--warning: #fbbf24;--danger: #fb7185;--text-primary: #f5f7fb;--text-secondary: #c0c8d8;--text-muted: #7e8799;--text-subtle: #5f697d;--text-danger: #fda4af;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-focus: rgba(143, 178, 255, .34);--shadow-sm: 0 10px 30px rgba(0, 0, 0, .18);--shadow-md: 0 24px 60px rgba(0, 0, 0, .32);--shadow-lg: 0 40px 120px rgba(0, 0, 0, .52);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--font-main: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", var(--font-main);--ease-fast: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--page-radial: radial-gradient(circle at top, rgba(143, 178, 255, .08), transparent 28%);--page-gradient: linear-gradient(180deg, #050609 0%, #090b10 100%);--grid-line: rgba(255, 255, 255, .02);--grid-mask: linear-gradient(180deg, rgba(0, 0, 0, .35), transparent 80%);--glass-gradient: linear-gradient(180deg, rgba(20, 25, 36, .86) 0%, rgba(11, 15, 24, .92) 100%);--glass-gradient-hover: linear-gradient(180deg, rgba(22, 29, 43, .96) 0%, rgba(12, 17, 27, .98) 100%);--hero-panel-gradient: linear-gradient(180deg, rgba(13, 17, 24, .96) 0%, rgba(10, 13, 19, .9) 100%);--surface-soft: rgba(255, 255, 255, .045);--surface-soft-strong: rgba(255, 255, 255, .075);--surface-overlay: rgba(8, 12, 20, .78);--surface-overlay-strong: rgba(8, 12, 20, .86);--surface-field: rgba(255, 255, 255, .04);--tag-bg: rgba(255, 255, 255, .06);--tag-bg-strong: rgba(255, 255, 255, .1);--media-bg: #0a0a0f;--viewer-bg: #050609;--accent-badge-bg: rgba(143, 178, 255, .12);--accent-badge-border: rgba(143, 178, 255, .22);--danger-soft: rgba(251, 113, 133, .12);--danger-soft-border: rgba(251, 113, 133, .2);--danger-text: #fecdd3;--success-soft: rgba(16, 185, 129, .1);--success-soft-border: rgba(16, 185, 129, .18);--success-text: #a7f3d0;--button-primary-text: #09111f;--footer-gradient: linear-gradient(180deg, rgba(8, 10, 14, 0) 0%, rgba(8, 10, 14, .85) 40%, rgba(8, 10, 14, 1) 100%);--popup-bg: #131925;--popup-tip: #131925;--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .22)}:root[data-theme=light]{color-scheme:light;--bg-primary: #f4f7fc;--bg-secondary: #edf2f8;--bg-tertiary: #e4ebf5;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--surface-hover: rgba(255, 255, 255, .98);--surface-elevated: rgba(255, 255, 255, .98);--surface-muted: rgba(15, 23, 42, .04);--backdrop: rgba(244, 247, 252, .84);--accent-primary: #3a63d0;--accent-primary-rgb: 58, 99, 208;--accent-secondary: #2747a3;--accent-glow: rgba(58, 99, 208, .16);--accent-soft: rgba(58, 99, 208, .1);--success: #059669;--warning: #d97706;--danger: #e11d48;--text-primary: #111827;--text-secondary: #334155;--text-muted: #64748b;--text-subtle: #94a3b8;--text-danger: #be123c;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--border-focus: rgba(58, 99, 208, .3);--shadow-sm: 0 12px 32px rgba(15, 23, 42, .08);--shadow-md: 0 24px 60px rgba(15, 23, 42, .12);--shadow-lg: 0 36px 100px rgba(15, 23, 42, .14);--page-radial: radial-gradient(circle at top, rgba(58, 99, 208, .1), transparent 30%);--page-gradient: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);--grid-line: rgba(15, 23, 42, .05);--grid-mask: linear-gradient(180deg, rgba(255, 255, 255, .25), transparent 80%);--glass-gradient: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(248, 251, 255, .94) 100%);--glass-gradient-hover: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(241, 246, 255, 1) 100%);--hero-panel-gradient: linear-gradient(180deg, rgba(255, 255, 255, .97) 0%, rgba(245, 249, 255, .95) 100%);--surface-soft: rgba(15, 23, 42, .045);--surface-soft-strong: rgba(15, 23, 42, .08);--surface-overlay: rgba(255, 255, 255, .82);--surface-overlay-strong: rgba(255, 255, 255, .92);--surface-field: rgba(255, 255, 255, .82);--tag-bg: rgba(15, 23, 42, .06);--tag-bg-strong: rgba(15, 23, 42, .1);--media-bg: #e7eef8;--viewer-bg: #edf3fb;--accent-badge-bg: rgba(58, 99, 208, .12);--accent-badge-border: rgba(58, 99, 208, .2);--danger-soft: rgba(225, 29, 72, .1);--danger-soft-border: rgba(225, 29, 72, .16);--danger-text: #be123c;--success-soft: rgba(5, 150, 105, .1);--success-soft-border: rgba(5, 150, 105, .16);--success-text: #047857;--button-primary-text: #ffffff;--footer-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(240, 245, 252, .92) 40%, rgba(235, 242, 250, 1) 100%);--popup-bg: #ffffff;--popup-tip: #ffffff;--scrollbar-thumb: rgba(15, 23, 42, .16);--scrollbar-thumb-hover: rgba(15, 23, 42, .28)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;background:var(--page-radial),var(--page-gradient);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;transition:background .25s var(--ease-fast),color .25s var(--ease-fast)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:96px 96px;mask-image:var(--grid-mask);opacity:.25}#root{min-height:100vh}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:var(--text-primary)}button{background:none;border:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.05}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color .2s var(--ease-fast),opacity .2s var(--ease-fast)}::selection{background:#8fb2ff47;color:var(--text-primary)}.app-shell{min-height:100vh}.app-shell--marketing{display:flex;flex-direction:column}.app-shell--workspace{min-height:100vh}.app-shell--viewer{background:var(--viewer-bg)}.shell-main{width:100%}.shell-main--workspace{padding-top:1.5rem}.shell-main--viewer{min-height:100vh}.container{width:min(100%,1360px);margin:0 auto;padding:0 2rem}.glass{background:var(--glass-gradient);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.glass-hover{transition:transform .22s var(--ease-fast),border-color .22s var(--ease-fast),background .22s var(--ease-fast),box-shadow .22s var(--ease-fast)}.glass-hover:hover{background:var(--glass-gradient-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.85rem;padding:.78rem 1.18rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:transform .18s var(--ease-fast),background .18s var(--ease-fast),border-color .18s var(--ease-fast),color .18s var(--ease-fast),box-shadow .18s var(--ease-fast)}.btn:hover{transform:translateY(-1px)}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:linear-gradient(180deg,#a8c2ff,#8fb2ff);color:var(--button-primary-text);box-shadow:0 12px 30px #8fb2ff38}.btn-primary:hover{background:linear-gradient(180deg,#bfd1ff,#9ab9ff);box-shadow:0 18px 36px #8fb2ff47}.btn-secondary{background:var(--surface-soft);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-soft-strong);border-color:var(--border-strong)}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover{background:var(--surface-soft);color:var(--text-primary);border-color:var(--border-strong)}.grid-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-fast),box-shadow .22s var(--ease-fast),border-color .22s var(--ease-fast)}.project-card:hover{transform:translateY(-6px);border-color:var(--border-focus)!important;box-shadow:var(--shadow-md)}.site-header{position:sticky;top:0;z-index:80;background:var(--backdrop);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.site-header__inner{min-height:4.9rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.site-header__brand{min-width:0;display:flex;align-items:center;gap:.9rem}.site-header__brand-mark{width:2.45rem;height:2.45rem;border-radius:.9rem;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent-badge-border) 0%,var(--accent-soft) 100%);border:1px solid var(--accent-badge-border);color:var(--accent-primary)}.site-header__brand-copy{display:flex;flex-direction:column}.site-header__brand-name{color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:700}.site-header__brand-tag{color:var(--text-muted);font-size:.76rem}.site-header__nav{display:flex;align-items:center;gap:.4rem;padding:.35rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border)}.site-header__link{padding:.7rem 1rem;border-radius:999px;color:var(--text-muted);font-size:.92rem;font-weight:700}.site-header__link:hover,.site-header__link.is-active{color:var(--text-primary);background:var(--surface-soft-strong)}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.locale-select{min-height:2.85rem;padding:.7rem 2.5rem .7rem .95rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%),var(--surface-soft);background-position:calc(100% - 1.1rem) calc(50% - .12rem),calc(100% - .8rem) calc(50% - .12rem),0 0;background-size:.45rem .45rem,.45rem .45rem,100% 100%;background-repeat:no-repeat;color:var(--text-primary);font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer;color-scheme:dark;transition:transform .18s var(--ease-fast),background-color .18s var(--ease-fast),border-color .18s var(--ease-fast),color .18s var(--ease-fast)}:root[data-theme=light] .locale-select{color-scheme:light}.locale-select:hover{transform:translateY(-1px);background-color:var(--surface-soft-strong);border-color:var(--border-strong)}.locale-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.locale-select option{background:var(--surface-elevated);color:var(--text-primary)}.home-gallery-sort-select{min-width:12rem}.site-header__dashboard-link{padding-inline:.95rem}.site-footer{margin-top:auto;padding:3rem 0 2.25rem;border-top:1px solid var(--border);background:var(--footer-gradient)}.site-footer__inner{display:flex;flex-direction:column;gap:2rem}.site-footer__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.site-footer__brand{max-width:32rem;display:flex;align-items:flex-start;gap:1rem}.site-footer__brand-mark{width:2.35rem;height:2.35rem;border-radius:.85rem;display:grid;place-items:center;background:var(--accent-badge-bg);border:1px solid var(--accent-badge-border);color:var(--accent-primary)}.site-footer__brand-name{margin-bottom:.45rem;color:var(--text-primary);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.site-footer__brand-tagline{color:var(--text-secondary);line-height:1.7}.site-footer__cta{min-width:18rem;max-width:27rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem;border-radius:1.5rem;background:var(--surface-muted);border:1px solid var(--border)}.site-footer__eyebrow{margin-bottom:.35rem;color:var(--accent-primary);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.site-footer__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.site-footer__links,.site-footer__socials{display:flex;align-items:center;gap:1.2rem}.site-footer__links a,.site-footer__socials a,.site-footer__copyright{color:var(--text-muted);font-size:.9rem}.site-footer__links a:hover,.site-footer__socials a:hover{color:var(--text-primary)}.user-menu{position:relative}.user-menu__trigger{width:2.85rem;height:2.85rem;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;transition:border-color .18s var(--ease-fast),background .18s var(--ease-fast),color .18s var(--ease-fast),transform .18s var(--ease-fast)}.user-menu__trigger:hover,.user-menu__trigger--active{color:var(--text-primary);border-color:var(--border-focus);background:var(--surface-soft-strong);transform:translateY(-1px)}.user-menu__avatar-image{width:1.6rem;height:1.6rem;border-radius:999px;object-fit:cover}.user-menu__panel{position:absolute;top:calc(100% + .85rem);right:0;width:17rem;padding:1rem;border-radius:1.25rem;border:1px solid var(--border);background:var(--surface-elevated);box-shadow:var(--shadow-md);z-index:1000}.user-menu__account{margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.user-menu__account-email{margin-bottom:.35rem;color:var(--text-primary);font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}.user-menu__account-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--text-muted);font-size:.76rem}.user-menu__credits{color:var(--accent-primary);font-weight:800}.user-menu__items,.user-menu__guest{display:flex;flex-direction:column;gap:.45rem}.user-menu__item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.78rem .85rem;border-radius:.95rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer}.user-menu__item:hover{color:var(--text-primary);background:var(--surface-soft)}.user-menu__item--danger{color:var(--danger-text)}.user-menu__item--danger:hover{background:var(--danger-soft);color:var(--danger-text)}.user-menu__guest-copy{margin-bottom:.25rem}.user-menu__guest-title{margin-bottom:.25rem;color:var(--text-primary);font-size:1rem;font-weight:700}.user-menu__guest-text{color:var(--text-muted);font-size:.82rem;line-height:1.5}.shell-loading{min-height:100vh;display:grid;place-items:center;padding:2rem}.shell-loading__panel{width:min(100%,32rem);display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:1.5rem;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md)}.shell-loading__panel h2{margin-bottom:.3rem;font-size:1.1rem}.shell-loading__panel p{color:var(--text-muted)}.shell-loading__spinner{width:2.25rem;height:2.25rem;border:2px solid var(--border);border-top-color:var(--accent-primary);border-radius:999px;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .55s var(--ease-spring) forwards}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:2.85rem;padding:.75rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);cursor:pointer;transition:transform .18s var(--ease-fast),background .18s var(--ease-fast),border-color .18s var(--ease-fast),color .18s var(--ease-fast)}.theme-toggle:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--surface-soft-strong);border-color:var(--border-strong)}.theme-toggle__label{font-size:.9rem;font-weight:700}.theme-preference-card{padding:1rem;border-radius:20px;border:1px solid var(--border);background:var(--surface-muted)}.theme-preference-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.theme-preference-card__copy{min-width:0}.theme-preference-card__title{color:var(--text-primary);font-weight:700;margin-bottom:.2rem}.theme-preference-card__desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.theme-preference-card__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.theme-option{padding:.95rem;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);text-align:left;cursor:pointer;transition:transform .18s var(--ease-fast),background .18s var(--ease-fast),border-color .18s var(--ease-fast),color .18s var(--ease-fast),box-shadow .18s var(--ease-fast)}.theme-option:hover{transform:translateY(-1px);border-color:var(--border-focus)}.theme-option.is-active{color:var(--text-primary);background:var(--accent-soft);border-color:var(--border-focus);box-shadow:inset 0 0 0 1px var(--accent-badge-border)}.theme-option__title{display:block;font-weight:700;margin-bottom:.25rem}.theme-option__desc{display:block;color:var(--text-muted);font-size:.84rem;line-height:1.55}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.maplibregl-popup-content{background:var(--popup-bg)!important;color:var(--text-primary)!important;padding:8px 12px!important;border-radius:10px!important;border:1px solid var(--border)!important;box-shadow:0 10px 25px -5px #00000080!important;font-family:var(--font-main);font-size:.75rem;max-width:260px!important;word-break:break-all!important;white-space:normal!important}.maplibregl-popup-tip{border-top-color:var(--popup-tip)!important;border-bottom-color:var(--popup-tip)!important}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--popup-tip)!important}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--popup-tip)!important}@media(max-width:1100px){.site-header__inner,.site-footer__intro,.site-footer__meta{flex-direction:column;align-items:flex-start}.site-header__nav,.site-header__actions,.site-footer__cta{width:100%}.site-header__actions{justify-content:flex-start;flex-wrap:wrap}.site-footer__cta{min-width:0}}@media(max-width:720px){.container{padding:0 1rem}.theme-toggle__label{display:none}.theme-toggle{padding-inline:.8rem}.site-header__brand-tag,.site-header__nav{display:none}.site-header__cta{flex:1}.site-footer{padding-top:2.5rem}.site-footer__links,.site-footer__socials{flex-wrap:wrap}.grid-gallery,.theme-preference-card__options{grid-template-columns:1fr}}