:root{--lg-surface: rgba(255, 255, 255, .85);--lg-surface-hover: rgba(255, 255, 255, .95);--lg-border: rgba(0, 0, 0, .15);--lg-border-hover: rgba(0, 0, 0, .25);--lg-border-subtle: rgba(0, 0, 0, .1);--lg-text: #0f0f1a;--lg-text-secondary: rgba(0, 0, 0, .7);--lg-text-muted: rgba(0, 0, 0, .5);--lg-shadow: 0 4px 24px rgba(0, 0, 0, .1);--lg-shadow-hover: 0 8px 32px rgba(0, 0, 0, .15);--lg-shadow-btn: 0 2px 8px rgba(0, 0, 0, .1);--lg-shadow-btn-hover: 0 4px 12px rgba(0, 0, 0, .15);--lg-inset: inset 0 1px 0 rgba(255, 255, 255, .8);--lg-inset-hover: inset 0 1px 0 rgba(255, 255, 255, .9);--lg-specular: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);--lg-inner-glow: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, transparent 50%, rgba(255, 255, 255, .15) 100%);--lg-input-shadow: inset 0 2px 4px rgba(0, 0, 0, .06);--lg-overlay: rgba(0, 0, 0, .4);--lg-modal-bg: rgba(255, 255, 255, .96);--lg-modal-shadow: 0 24px 80px rgba(0, 0, 0, .2);--lg-modal-specular: linear-gradient(90deg, transparent, rgba(0, 0, 0, .08), transparent);--lg-navbar-bg: rgba(255, 255, 255, .8);--lg-navbar-scrolled: rgba(255, 255, 255, .92);--lg-ghost-hover-bg: rgba(0, 0, 0, .06);--lg-ghost-hover-border: rgba(0, 0, 0, .1);--lg-close-bg: rgba(0, 0, 0, .06);--lg-close-border: rgba(0, 0, 0, .1);--lg-close-color: rgba(0, 0, 0, .5);--lg-close-hover-bg: rgba(0, 0, 0, .12);--lg-badge-bg: rgba(0, 0, 0, .07);--lg-badge-border: rgba(0, 0, 0, .12);--lg-badge-color: rgba(0, 0, 0, .65);--lg-toggle-bg: rgba(0, 0, 0, .12);--lg-toggle-knob: rgba(255, 255, 255, .98);--lg-toggle-knob-shadow: 0 2px 6px rgba(0, 0, 0, .2)}.dark{--lg-surface: rgba(255, 255, 255, .06);--lg-surface-hover: rgba(255, 255, 255, .14);--lg-border: rgba(255, 255, 255, .12);--lg-border-hover: rgba(255, 255, 255, .2);--lg-border-subtle: rgba(255, 255, 255, .06);--lg-text: rgba(255, 255, 255, .85);--lg-text-secondary: rgba(255, 255, 255, .5);--lg-text-muted: rgba(255, 255, 255, .4);--lg-shadow: 0 8px 32px rgba(0, 0, 0, .3);--lg-shadow-hover: 0 12px 40px rgba(0, 0, 0, .35);--lg-shadow-btn: 0 2px 8px rgba(0, 0, 0, .2);--lg-shadow-btn-hover: 0 4px 12px rgba(0, 0, 0, .25);--lg-inset: inset 0 1px 0 rgba(255, 255, 255, .1);--lg-inset-hover: inset 0 1px 0 rgba(255, 255, 255, .15);--lg-specular: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);--lg-inner-glow: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, transparent 50%, rgba(255, 255, 255, .02) 100%);--lg-input-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);--lg-overlay: rgba(0, 0, 0, .6);--lg-modal-bg: rgba(30, 30, 40, .8);--lg-modal-shadow: 0 24px 80px rgba(0, 0, 0, .5);--lg-modal-specular: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);--lg-navbar-bg: rgba(10, 10, 15, .6);--lg-navbar-scrolled: rgba(10, 10, 15, .85);--lg-ghost-hover-bg: rgba(255, 255, 255, .08);--lg-ghost-hover-border: rgba(255, 255, 255, .1);--lg-close-bg: rgba(255, 255, 255, .06);--lg-close-border: rgba(255, 255, 255, .08);--lg-close-color: rgba(255, 255, 255, .5);--lg-close-hover-bg: rgba(255, 255, 255, .12);--lg-badge-bg: rgba(255, 255, 255, .08);--lg-badge-border: rgba(255, 255, 255, .1);--lg-badge-color: rgba(255, 255, 255, .7);--lg-toggle-bg: rgba(255, 255, 255, .1);--lg-toggle-knob: rgba(255, 255, 255, .85);--lg-toggle-knob-shadow: 0 2px 6px rgba(0, 0, 0, .3)}.beige{--lg-surface: rgba(255, 250, 240, .8);--lg-surface-hover: rgba(255, 250, 240, .92);--lg-border: rgba(100, 80, 50, .2);--lg-border-hover: rgba(100, 80, 50, .3);--lg-border-subtle: rgba(100, 80, 50, .12);--lg-text: #1a1410;--lg-text-secondary: rgba(26, 20, 16, .7);--lg-text-muted: rgba(26, 20, 16, .55);--lg-shadow: 0 4px 24px rgba(80, 60, 30, .12);--lg-shadow-hover: 0 8px 32px rgba(80, 60, 30, .18);--lg-shadow-btn: 0 2px 8px rgba(80, 60, 30, .1);--lg-shadow-btn-hover: 0 4px 12px rgba(80, 60, 30, .15);--lg-inset: inset 0 1px 0 rgba(255, 250, 240, .7);--lg-inset-hover: inset 0 1px 0 rgba(255, 250, 240, .8);--lg-specular: linear-gradient(90deg, transparent, rgba(255, 250, 240, .6), transparent);--lg-inner-glow: linear-gradient(135deg, rgba(255, 250, 240, .4) 0%, transparent 50%, rgba(255, 250, 240, .12) 100%);--lg-input-shadow: inset 0 2px 4px rgba(80, 60, 30, .08);--lg-overlay: rgba(40, 30, 15, .45);--lg-modal-bg: rgba(250, 244, 232, .96);--lg-modal-shadow: 0 24px 80px rgba(80, 60, 30, .2);--lg-modal-specular: linear-gradient(90deg, transparent, rgba(100, 80, 50, .1), transparent);--lg-navbar-bg: rgba(235, 226, 210, .8);--lg-navbar-scrolled: rgba(225, 216, 200, .93);--lg-ghost-hover-bg: rgba(100, 80, 50, .08);--lg-ghost-hover-border: rgba(100, 80, 50, .12);--lg-close-bg: rgba(100, 80, 50, .08);--lg-close-border: rgba(100, 80, 50, .12);--lg-close-color: rgba(26, 20, 16, .5);--lg-close-hover-bg: rgba(100, 80, 50, .15);--lg-badge-bg: rgba(100, 80, 50, .1);--lg-badge-border: rgba(100, 80, 50, .18);--lg-badge-color: rgba(26, 20, 16, .7);--lg-toggle-bg: rgba(100, 80, 50, .14);--lg-toggle-knob: rgba(255, 250, 240, .98);--lg-toggle-knob-shadow: 0 2px 6px rgba(80, 60, 30, .2)}.lg-card{position:relative;padding:1.5rem;border-radius:1.25rem;background:var(--lg-surface);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow),var(--lg-inset);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.lg-card--hoverable:hover{transform:translateY(-2px);border-color:var(--lg-border-hover);box-shadow:var(--lg-shadow-hover),var(--lg-inset-hover)}.lg-card--highlight{border-color:#3b82f666;box-shadow:0 8px 32px #3b82f626,var(--lg-inset)}.lg-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--lg-specular);border-radius:1.25rem 1.25rem 0 0;pointer-events:none}.lg-card:after{content:"";position:absolute;inset:0;border-radius:1.25rem;background:var(--lg-inner-glow);pointer-events:none}.lg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--lg-text);background:var(--lg-surface);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow-btn),inset 0 1px #ffffff14;cursor:pointer;transition:all .2s ease;text-decoration:none}.lg-btn:hover{background:var(--lg-surface-hover);border-color:var(--lg-border-hover);box-shadow:var(--lg-shadow-btn-hover),inset 0 1px #ffffff1f}.lg-btn:active{transform:scale(.97)}.lg-btn:disabled{opacity:.4;pointer-events:none}.lg-btn--accent{background:#3b82f633;border-color:#3b82f659;color:#1d4ed8;overflow:hidden}.lg-btn--accent:hover{background:#3b82f64d;border-color:#3b82f680}.dark .lg-btn--accent{background:#3b82f64d;border-color:#3b82f659;color:#93c5fd}.dark .lg-btn--accent:hover{background:#3b82f666;border-color:#3b82f680}.beige .lg-btn--accent{background:#3b82f62e;border-color:#3b82f64d;color:#1e40af}.beige .lg-btn--accent:hover{background:#3b82f647;border-color:#3b82f673}.lg-btn--accent:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:shimmer-sweep 5s ease-in-out infinite 1.5s;pointer-events:none;z-index:1}.lg-btn--accent .lg-btn-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1)}.lg-btn--accent:hover .lg-btn-arrow{transform:translate(4px)}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.lg-btn--hero{border:1.5px solid transparent;background:linear-gradient(135deg,#e6ebfaf2,#dce1f5f2) padding-box,conic-gradient(from var(--border-angle),#3b82f6,#8b5cf6,#06b6d4,#3b82f6) border-box;animation:border-rotate 4s linear infinite,hero-glow 3s ease-in-out infinite;color:#1e3a5f;font-weight:600}.lg-btn--hero:hover{background:linear-gradient(135deg,#d7def5f2,#cdd2f0f2) padding-box,conic-gradient(from var(--border-angle),#60a5fa,#a855f7,#22d3ee,#60a5fa) border-box;color:#0f172a}.dark .lg-btn--hero{background:linear-gradient(135deg,#192346f2,#0f1228f2) padding-box,conic-gradient(from var(--border-angle),#3b82f6,#8b5cf6,#06b6d4,#3b82f6) border-box;color:#dbeafe}.dark .lg-btn--hero:hover{background:linear-gradient(135deg,#23325af2,#141632f2) padding-box,conic-gradient(from var(--border-angle),#60a5fa,#a855f7,#22d3ee,#60a5fa) border-box;color:#fff}.lg-btn--hero:before{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%)}.lg-btn--danger{background:#ef444426;border-color:#ef44444d;color:#dc2626}.lg-btn--danger:hover{background:#ef444440;border-color:#ef444480}.dark .lg-btn--danger{background:#ef444440;border-color:#ef444459;color:#fca5a5}.dark .lg-btn--danger:hover{background:#ef444459;border-color:#ef444480}.lg-btn--ghost{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.lg-btn--ghost:hover{background:var(--lg-ghost-hover-bg);border-color:var(--lg-ghost-hover-border);box-shadow:none}.lg-btn--sm{padding:.375rem .875rem;font-size:.8125rem;border-radius:.5rem}.lg-btn--lg{padding:.875rem 2rem;font-size:1rem;border-radius:1rem}.lg-btn--full{width:100%}.lg-input{width:100%;padding:.625rem 1rem;border-radius:.75rem;font-size:.875rem;line-height:1.5;color:var(--lg-text);background:var(--lg-surface);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid var(--lg-border);box-shadow:var(--lg-input-shadow);transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}select.lg-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 16 16' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem;cursor:pointer}select.lg-input option{background:#1a1a2e;color:#fff}.lg-input::placeholder{color:var(--lg-text-muted)}.lg-input:focus{border-color:#3b82f680;box-shadow:var(--lg-input-shadow),0 0 0 3px #3b82f626}.lg-input--error{border-color:#ef444480}.lg-input--error:focus{box-shadow:var(--lg-input-shadow),0 0 0 3px #ef444426}.lg-textarea{min-height:5rem;resize:vertical}.lg-input-label{display:block;font-size:.8125rem;font-weight:500;color:var(--lg-text-secondary);margin-bottom:.375rem}.lg-input-error{font-size:.75rem;color:#fca5a5;margin-top:.25rem}.lg-toggle{position:relative;width:3rem;height:1.75rem;border-radius:999px;background:var(--lg-toggle-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--lg-border);cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.lg-toggle--on{background:#3b82f659;border-color:#3b82f666}.lg-toggle__knob{position:absolute;top:3px;left:3px;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--lg-toggle-knob);box-shadow:var(--lg-toggle-knob-shadow),inset 0 1px #ffffff80;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lg-toggle--on .lg-toggle__knob{transform:translate(1.2rem)}.lg-toggle:disabled{opacity:.4;pointer-events:none}.lg-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:500;background:var(--lg-badge-bg);border:1px solid var(--lg-badge-border);color:var(--lg-badge-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lg-badge--blue{background:#3b82f633;border-color:#3b82f64d;color:#93c5fd}.lg-badge--green{background:#22c55e33;border-color:#22c55e4d;color:#86efac}.lg-badge--amber{background:#f59e0b33;border-color:#f59e0b4d;color:#fcd34d}.lg-badge--red{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.lg-badge--purple{background:#a855f733;border-color:#a855f74d;color:#c4b5fd}:root .lg-badge--blue{background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}:root .lg-badge--green{background:#22c55e1f;border-color:#22c55e40;color:#15803d}:root .lg-badge--amber{background:#f59e0b1f;border-color:#f59e0b40;color:#b45309}:root .lg-badge--red{background:#ef44441f;border-color:#ef444440;color:#b91c1c}:root .lg-badge--purple{background:#a855f71f;border-color:#a855f740;color:#6d28d9}.dark .lg-badge--blue{background:#3b82f633;border-color:#3b82f64d;color:#93c5fd}.dark .lg-badge--green{background:#22c55e33;border-color:#22c55e4d;color:#86efac}.dark .lg-badge--amber{background:#f59e0b33;border-color:#f59e0b4d;color:#fcd34d}.dark .lg-badge--red{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.dark .lg-badge--purple{background:#a855f733;border-color:#a855f74d;color:#c4b5fd}.beige .lg-badge--blue{background:#3b82f624;border-color:#3b82f640;color:#1e40af}.beige .lg-badge--green{background:#22c55e24;border-color:#22c55e40;color:#166534}.beige .lg-badge--amber{background:#f59e0b24;border-color:#f59e0b40;color:#92400e}.beige .lg-badge--red{background:#ef444424;border-color:#ef444440;color:#991b1b}.beige .lg-badge--purple{background:#a855f724;border-color:#a855f740;color:#5b21b6}.lg-accordion-item{border-bottom:1px solid var(--lg-border-subtle)}.lg-accordion-item:last-child{border-bottom:none}.lg-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 0;font-size:.9375rem;font-weight:500;color:var(--lg-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:color .2s ease}.lg-accordion-chevron{width:1.25rem;height:1.25rem;color:var(--lg-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.lg-accordion-item--open .lg-accordion-chevron{transform:rotate(180deg)}.lg-accordion-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);max-height:0}.lg-accordion-item--open .lg-accordion-content{max-height:500px}.lg-accordion-body{padding-bottom:1rem;font-size:.875rem;line-height:1.6;color:var(--lg-text-secondary)}.lg-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--lg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:lg-fade-in .2s ease}.lg-modal{position:relative;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;padding:1.5rem;border-radius:1.5rem;background:var(--lg-modal-bg);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid var(--lg-border);box-shadow:var(--lg-modal-shadow),var(--lg-inset);animation:lg-scale-in .25s cubic-bezier(.16,1,.3,1)}.lg-modal:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--lg-modal-specular);pointer-events:none}.lg-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.lg-modal__title{font-size:1.125rem;font-weight:600;color:var(--lg-text)}.lg-modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--lg-close-bg);border:1px solid var(--lg-close-border);color:var(--lg-close-color);cursor:pointer;transition:all .2s ease}.lg-modal__close:hover{background:var(--lg-close-hover-bg);color:var(--lg-text)}.lg-navbar{position:fixed;top:0;left:0;right:0;z-index:40;padding:.75rem 1.5rem;background:var(--lg-navbar-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--lg-border-subtle);transition:background .3s ease}.lg-navbar--scrolled{background:var(--lg-navbar-scrolled);border-bottom-color:var(--lg-border)}@keyframes lg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lg-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lg-blob-1{0%{transform:translate(0) scale(1)}50%{transform:translate(200px,150px) scale(1.3)}to{transform:translate(-100px,200px) scale(.9)}}@keyframes lg-blob-2{0%{transform:translate(0) scale(1)}50%{transform:translate(-180px,-120px) scale(1.25)}to{transform:translate(150px,-60px) scale(1.1)}}@keyframes lg-blob-3{0%{transform:translate(0) scale(1)}50%{transform:translate(120px,-180px) scale(1.35)}to{transform:translate(-150px,100px) scale(.85)}}@keyframes shimmer-sweep{0%,75%{transform:translate(0)}to{transform:translate(500%)}}@keyframes border-rotate{to{--border-angle: 360deg}}@keyframes hero-glow{0%,to{box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a,0 0 20px #3b82f633}50%{box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff26,0 0 40px #3b82f64d,0 0 80px #3b82f61a}}