.card{position:relative;background:var(--g-background);border:var(--g-border-width) solid var(--g-border-color);border-radius:var(--g-radius);padding:var(--g-spacing);transition:all var(--g-transition);overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--g-transition);pointer-events:none;border-radius:inherit;z-index:0}.card>*{position:relative;z-index:1}.card>*:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}.card--default{background:var(--g-background);border-color:var(--g-border-color)}.card--emphasized{background:var(--g-background-elevated);border-color:var(--g-border-color-emphasis)}.card--subtle{background:var(--g-background-subtle);border-color:var(--g-border-color-subtle)}.card--interactive{cursor:pointer}@media(hover:hover){.card--interactive:hover{border-color:var(--g-border-color-emphasis);transform:translateY(-2px)}.card--interactive:hover:before{background:#ffffff0d}}.card--interactive:active{transform:translateY(0)}.card--interactive:active:before{background:#0000000d}.card--accent-left{border-left-width:var(--g-border-width-accent)}.card--accent-left.card--primary{border-left-color:var(--color-primary)}.card--accent-left.card--secondary{border-left-color:var(--color-secondary)}.card--accent-left.card--accent{border-left-color:var(--color-accent)}.card--compact{padding:var(--g-spacing-sm)}.card--spacious{padding:var(--g-spacing-lg)}.card__header{margin-bottom:var(--g-spacing-sm);padding-bottom:var(--g-spacing-sm);border-bottom:var(--g-border-width) solid var(--g-border-color)}.card__header h3{margin-bottom:0}.card__header small{display:block;margin-top:var(--g-spacing-xs)}.progress{position:relative;display:inline-flex;align-items:center;gap:var(--g-spacing-sm)}.progress--linear{width:100%;flex-direction:column;align-items:stretch;gap:var(--g-spacing-xs)}.progress__track{position:relative;width:100%;height:8px;background-color:var(--g-border-color);border-radius:var(--radius-full);overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--progress-color-start),var(--progress-color-end));border-radius:var(--radius-full);transition:width var(--transition-normal) ease}.progress--linear.progress--indeterminate .progress__fill{width:40%;animation:progress-linear-indeterminate 1.5s ease-in-out infinite}@keyframes progress-linear-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.progress--circular{width:16px;height:16px}.progress__svg{width:100%;height:100%;transform:rotate(-90deg);transform-origin:center}.progress__circle-bg{stroke:var(--g-border-color);opacity:.3}.progress__circle{stroke:var(--progress-color-end);transition:stroke-dashoffset var(--transition-normal) ease}.progress--circular.progress--indeterminate .progress__svg{animation:progress-spin 1s linear infinite}.progress--circular.progress--indeterminate .progress__circle{stroke-dasharray:75,200;stroke-dashoffset:-10}@keyframes progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.progress__label{font-size:var(--font-size-sm);color:var(--g-text-secondary);white-space:nowrap}.progress__label--circular{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6px;font-weight:var(--font-weight-semibold);color:var(--g-text-primary);line-height:1}.progress--sm.progress--circular{width:12px;height:12px}.progress--sm.progress--linear .progress__track{height:4px}.progress--sm .progress__label--circular{font-size:6px}.progress--lg.progress--circular{width:20px;height:20px}.progress--circular.progress--with-label .progress__label--circular{font-size:6px}.progress--sm.progress--circular.progress--with-label .progress__label--circular{font-size:5px}.progress--lg.progress--circular.progress--with-label .progress__label--circular{font-size:7px}.progress--lg.progress--linear .progress__track{height:12px}.progress--lg .progress__label--circular{font-size:var(--font-size-xs)}.progress--primary{--progress-color-start: var(--color-blue-600);--progress-color-end: var(--color-blue-500)}.progress--success{--progress-color-start: var(--color-green-600);--progress-color-end: var(--color-green-500)}.progress--warning{--progress-color-start: var(--color-yellow-600);--progress-color-end: var(--color-yellow-500)}.progress--error{--progress-color-start: var(--color-red-700);--progress-color-end: var(--color-red-600)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--g-spacing-sm);padding:var(--g-spacing-sm) var(--g-spacing);border:var(--g-border-width) solid transparent;border-radius:var(--g-radius);background:transparent;color:var(--g-text-primary);font-size:var(--g-font-size);font-weight:var(--font-weight-medium);line-height:var(--g-line-height);font-family:inherit;cursor:pointer;transition:all var(--g-transition);user-select:none;white-space:nowrap;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--g-transition);pointer-events:none;border-radius:inherit}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--primary{background:var(--g-button-primary);color:var(--color-white)}@media(hover:hover){.button--primary:hover:not(:disabled):before{background:#ffffff1a}}.button--primary:active:not(:disabled):before{background:#0000001a}.button--secondary{border-color:var(--g-border-color);background:var(--g-background);color:var(--g-text-primary)}@media(hover:hover){.button--secondary:hover:not(:disabled){border-color:var(--g-border-color-emphasis)}.button--secondary:hover:not(:disabled):before{background:#ffffff0d}}.button--secondary:active:not(:disabled):before{background:#0000000d}.button--subtle{background:transparent;color:var(--g-text-secondary)}@media(hover:hover){.button--subtle:hover:not(:disabled){color:var(--g-text-primary)}.button--subtle:hover:not(:disabled):before{background:#ffffff0d}}.button--subtle:active:not(:disabled):before{background:#0000000d}.button--danger{background:var(--g-button-danger);color:var(--color-white)}@media(hover:hover){.button--danger:hover:not(:disabled):before{background:#ffffff1a}}.button--danger:active:not(:disabled):before{background:#0000001a}.button--compact{padding:var(--g-spacing-xs) var(--g-spacing-sm);font-size:var(--font-size-sm);gap:var(--g-spacing-xs)}.button--spacious{padding:var(--g-spacing) var(--g-spacing-lg);font-size:var(--font-size-lg)}.button:disabled{cursor:not-allowed;opacity:.5}.button--loading{cursor:wait}.button__icon{display:flex;align-items:center;justify-content:center;font-size:1em}.button--icon-only{padding:var(--spacing-3) var(--spacing-3);min-width:auto}.button--icon-only.button--compact{padding:var(--g-spacing-xs) var(--g-spacing-xs)}.button--icon-only.button--spacious{padding:var(--g-spacing) var(--g-spacing)}.notification-container{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:var(--g-spacing-sm);pointer-events:none;max-width:400px;padding:var(--g-spacing)}.notification-container--top-right{top:0;right:0}.notification-container--top-center{top:0;left:50%;transform:translate(-50%)}.notification-container--bottom-right{bottom:0;right:0;flex-direction:column-reverse}.notification-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}.notification{pointer-events:auto;animation:notification-slide-in .3s ease-out;min-width:300px;max-width:400px}.notification--dismissing{animation:notification-slide-out .3s ease-in forwards}.notification__wrapper{display:flex;align-items:flex-start;gap:var(--g-spacing-sm)}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notification-container--top-center .notification{animation:notification-fade-in-top .3s ease-out}.notification-container--top-center .notification--dismissing{animation:notification-fade-out-top .3s ease-in forwards}@keyframes notification-fade-in-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes notification-fade-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.notification-container--bottom-right .notification,.notification-container--bottom-center .notification{animation:notification-slide-up .3s ease-out}.notification-container--bottom-right .notification--dismissing,.notification-container--bottom-center .notification--dismissing{animation:notification-slide-down .3s ease-in forwards}@keyframes notification-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes notification-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.notification__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:20px;margin-top:2px}.notification--success .card{border-left-width:var(--g-border-width-accent);border-left-color:var(--color-success)}.notification--success .notification__icon{color:var(--color-success)}.notification--error .card{border-left-width:var(--g-border-width-accent);border-left-color:var(--color-danger)}.notification--error .notification__icon{color:var(--color-danger)}.notification--warning .card{border-left-width:var(--g-border-width-accent);border-left-color:var(--color-warning)}.notification--warning .notification__icon{color:var(--color-warning)}.notification--info .card{border-left-width:var(--g-border-width-accent);border-left-color:var(--color-primary)}.notification--info .notification__icon{color:var(--color-primary)}.notification__content{flex:1;min-width:0}.notification__title{font-size:var(--g-font-size);font-weight:var(--font-weight-semibold);color:var(--g-text-primary);line-height:var(--g-line-height);margin-bottom:0}.notification__message{margin-top:var(--g-spacing-xs);font-size:var(--font-size-sm);color:var(--g-text-secondary);line-height:var(--g-line-height)}.notification__actions{display:flex;align-items:center;gap:var(--g-spacing-sm);margin-top:var(--g-spacing-sm)}.notification__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:var(--g-radius);background:transparent;color:var(--g-text-secondary);font-size:20px;cursor:pointer;transition:all var(--g-transition)}@media(hover:hover){.notification__close:hover{background:#ffffff0d;color:var(--g-text-primary)}}.notification__close:active{background:#0000000d}.notification__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.notification-container{max-width:calc(100vw - var(--g-spacing) * 2);padding:var(--g-spacing-sm)}.notification{min-width:0;max-width:calc(100vw - var(--g-spacing-sm) * 2)}.notification-container--top-right,.notification-container--bottom-right{left:0;right:0;max-width:none}.notification-container--top-center,.notification-container--bottom-center{left:var(--g-spacing-sm);right:var(--g-spacing-sm);transform:none;max-width:none}.notification__close{width:32px;height:32px}}.portfolio{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;scroll-behavior:smooth}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-8);transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#0a0a0ad9;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom-color:var(--color-gray-800)}.nav__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--g-text-primary);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;user-select:none;background:none;border:none;padding:0;cursor:pointer}.nav__links{display:flex;gap:var(--spacing-8);list-style:none;margin:0;padding:0}.nav__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--g-text-muted);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;transition:color var(--transition-normal);cursor:pointer;background:none;border:none;padding:0}.nav__link:hover,.nav__link--active{color:var(--g-text-primary);text-decoration:none}.section{position:relative;padding:var(--spacing-16) var(--spacing-8);max-width:1100px;margin:0 auto}.section--hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:80px;max-width:900px}.section--full{max-width:1200px}.section__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--spacing-4)}.section__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--g-text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight)}.section__divider{width:48px;height:2px;background:var(--color-accent);margin-bottom:var(--spacing-10);border:none}.hero__headline{font-size:clamp(36px,5vw,64px);font-weight:var(--font-weight-bold);color:var(--g-text-primary);line-height:1.1;margin-bottom:var(--spacing-8);letter-spacing:var(--letter-spacing-tight)}.hero__headline-accent{color:var(--color-accent)}.hero__body{font-size:var(--font-size-lg);color:var(--g-text-secondary);line-height:var(--line-height-relaxed);max-width:640px;margin-bottom:var(--spacing-10)}.hero__body--tempo{margin-top:calc(var(--spacing-10) * -1 + var(--spacing-3))}.hero__meta{display:flex;align-items:center;gap:var(--spacing-6);flex-wrap:wrap}.hero__meta-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--g-text-muted);text-decoration:none;transition:color var(--transition-normal)}.hero__meta-item:hover{color:var(--g-text-primary);text-decoration:none}.hero__meta-item svg{font-size:var(--font-size-base);flex-shrink:0}.hero__scroll-indicator{position:absolute;bottom:var(--spacing-10);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);color:var(--g-text-muted);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;animation:pulse-down 2s ease-in-out infinite}@keyframes pulse-down{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(6px)}}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-1)}.capability-card{position:relative;padding:var(--spacing-8);background:#1a1a1a80;border:1px solid var(--color-gray-800);transition:border-color .3s ease,background .3s ease}.capability-card:hover{border-color:var(--color-gray-600);background:#1a1a1acc}.capability-card__icon{font-size:20px;color:var(--color-accent);margin-bottom:var(--spacing-5);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-gray-700);background:#0080ff0d}.capability-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--g-text-primary);margin-bottom:var(--spacing-3);line-height:var(--line-height-snug)}.capability-card__description{font-size:var(--font-size-sm);color:var(--g-text-muted);line-height:var(--line-height-relaxed);margin:0}.project-category{margin-bottom:var(--spacing-16)}.project-category:last-child{margin-bottom:0}.project-category__header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.project-category__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--g-text-primary);margin:0;letter-spacing:.02em}.project-category__count{font-size:var(--font-size-xs);color:var(--g-text-muted);background:#ffffff0d;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-800)}.project-category__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-1)}.project-card{position:relative;background:#1a1a1a66;border:1px solid var(--color-gray-800);padding:var(--spacing-8);transition:border-color .3s ease,background .3s ease;cursor:default}.project-card:hover{border-color:var(--color-gray-600);background:#1a1a1ab3}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.project-card__title-group{display:flex;align-items:baseline;gap:var(--spacing-3);flex-wrap:wrap}.project-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--g-text-primary);margin:0;line-height:1}.project-card__acronym{font-size:var(--font-size-xs);color:var(--g-text-muted);font-style:italic}.project-card__badges{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.project-card__description{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--g-text-secondary);margin-bottom:var(--spacing-4);line-height:var(--line-height-snug)}.project-card__details{font-size:var(--font-size-sm);color:var(--g-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.project-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);flex-wrap:wrap}.project-card__tech{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap}.project-card__tech-tag{font-size:11px;font-weight:var(--font-weight-medium);color:var(--g-text-muted);background:#ffffff0a;border:1px solid var(--color-gray-800);padding:2px 8px;letter-spacing:.02em}.project-card__links{display:flex;align-items:center;gap:var(--spacing-3)}.project-card__link{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--g-text-muted);text-decoration:none;transition:color var(--transition-normal);font-weight:var(--font-weight-medium)}.project-card__link:hover{color:var(--color-accent);text-decoration:none}.project-card__link svg{font-size:14px}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border:1px solid}.status--fielded{color:var(--color-green-400);border-color:#34d39940;background:#34d3990f}.status--commercial{color:var(--color-blue-400);border-color:#3399ff40;background:#3399ff0f}.status--active{color:var(--color-blue-300);border-color:#66b3ff33;background:#66b3ff0d}.status--prototype{color:var(--color-yellow-400);border-color:#fbbf2440;background:#fbbf240f}.status__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.contact{padding:var(--spacing-16) var(--spacing-8);max-width:1100px;margin:0 auto;border-top:1px solid var(--color-gray-800)}.contact__grid{display:flex;gap:var(--spacing-10);align-items:flex-start}.contact__text{flex:1}.contact__text p{font-size:var(--font-size-sm);color:var(--g-text-muted);line-height:var(--line-height-relaxed);max-width:480px;margin:0}.contact__links{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact__link{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--g-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}.contact__link:hover{color:var(--color-accent);text-decoration:none}.contact__link svg{font-size:var(--font-size-base);color:var(--g-text-muted);flex-shrink:0}.footer{padding:var(--spacing-8) var(--spacing-8);text-align:center;border-top:1px solid var(--color-gray-800)}.footer__text{font-size:var(--font-size-xs);color:var(--g-text-muted);letter-spacing:.04em;margin:0}.footer__built-with{font-size:11px;color:var(--color-gray-600);margin:var(--spacing-2) 0 0;letter-spacing:.03em}.footer__built-with a{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-normal)}.footer__built-with a:hover{color:var(--g-text-muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.reveal--delay-5{transition-delay:.5s}@media(max-width:1024px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{padding:var(--spacing-3) var(--spacing-4)}.nav__links{gap:var(--spacing-4)}.nav__link{font-size:var(--font-size-xs)}.section{padding:var(--spacing-12) var(--spacing-4)}.section--hero{padding-top:72px;min-height:calc(100vh - 40px)}.capabilities-grid{grid-template-columns:1fr}.project-card{padding:var(--spacing-6)}.project-card__header{flex-direction:column;gap:var(--spacing-2)}.project-card__footer{flex-direction:column;align-items:flex-start}.contact__grid{flex-direction:column;gap:var(--spacing-8)}.hero__meta{gap:var(--spacing-4)}.hero__scroll-indicator{display:none}}@media(max-width:480px){.section{padding:var(--spacing-10) var(--spacing-3)}.hero__body{font-size:var(--font-size-base)}.nav__links{gap:var(--spacing-3)}}:root{--color-black: #000000;--color-white: #ffffff;--color-gray-900: #0a0a0a;--color-gray-800: #1a1a1a;--color-gray-700: #2a2a2a;--color-gray-600: #3a3a3a;--color-gray-500: #4a4a4a;--color-gray-400: #6a6a6a;--color-gray-300: #8a8a8a;--color-gray-200: #aaaaaa;--color-gray-100: #cccccc;--color-blue-950: #001433;--color-blue-900: #002047;--color-blue-800: #003366;--color-blue-700: #004d99;--color-blue-600: #0066cc;--color-blue-500: #0080ff;--color-blue-400: #3399ff;--color-blue-300: #66b3ff;--color-red-900: #4a0000;--color-red-800: #660000;--color-red-700: #8b0000;--color-red-600: #b30000;--color-red-500: #dc2626;--color-red-400: #ef4444;--color-red-300: #f87171;--color-green-900: #003300;--color-green-800: #004d00;--color-green-700: #006600;--color-green-600: #008000;--color-green-500: #10b981;--color-green-400: #34d399;--color-green-300: #6ee7b7;--color-yellow-900: #4d3300;--color-yellow-800: #664400;--color-yellow-700: #805500;--color-yellow-600: #996600;--color-yellow-500: #f59e0b;--color-yellow-400: #fbbf24;--color-yellow-300: #fcd34d;--color-primary: var(--color-blue-600);--color-secondary: var(--color-blue-800);--color-tertiary: var(--color-gray-600);--color-accent: var(--color-blue-500);--color-muted: var(--color-gray-400);--color-danger: var(--color-red-600);--color-success: var(--color-green-500);--color-warning: var(--color-yellow-500);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--g-spacing: var(--spacing-4);--g-spacing-sm: var(--spacing-2);--g-spacing-lg: var(--spacing-6);--g-spacing-xs: var(--spacing-1);--g-radius: var(--radius-md);--g-border-width: var(--border-width-thin);--g-border-width-accent: var(--border-width-thick);--g-transition: var(--transition-normal);--g-border-color: var(--color-gray-700);--g-border-color-subtle: var(--color-gray-800);--g-border-color-emphasis: var(--color-primary);--g-background: linear-gradient(205deg, var(--color-gray-900), var(--color-gray-800));--g-background-elevated: linear-gradient(205deg, var(--color-gray-800), var(--color-gray-700));--g-background-subtle: var(--color-black);--g-text-primary: var(--color-white);--g-text-secondary: var(--color-gray-100);--g-text-muted: var(--color-muted);--g-text-link: var(--color-primary);--g-font-size: var(--font-size-base);--g-line-height: var(--line-height-normal);--g-font-weight: var(--font-weight-normal);--g-button-primary: linear-gradient(205deg, var(--color-blue-600), var(--color-blue-700));--g-button-danger: linear-gradient(205deg, var(--color-red-600), var(--color-red-700))}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--g-background-subtle);color:var(--g-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--g-font-size);line-height:var(--g-line-height);font-weight:var(--g-font-weight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{width:100%;height:100%;position:relative}.content{position:relative;z-index:1;width:100%;height:100%}h1,h2,h3,h4,h5,h6{color:var(--g-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--g-spacing) 0}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin:0 0 var(--g-spacing) 0;color:var(--g-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--g-text-link);text-decoration:none;transition:color var(--g-transition)}a:hover{color:var(--color-accent);text-decoration:underline}a:active{color:var(--color-blue-700)}strong,b{font-weight:var(--font-weight-bold);color:var(--g-text-primary)}em,i{font-style:italic;color:var(--g-text-secondary)}small{font-size:var(--font-size-sm);color:var(--g-text-muted)}ul,ol{margin:0 0 var(--g-spacing) 0;padding-left:var(--g-spacing-lg);color:var(--g-text-secondary)}li{margin-bottom:var(--g-spacing-sm);line-height:var(--line-height-relaxed)}ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-top:var(--g-spacing-sm)}code{font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);background:var(--g-background);color:var(--color-accent);padding:var(--g-spacing-xs) var(--g-spacing-sm);border-radius:var(--g-radius);border:var(--g-border-width) solid var(--g-border-color)}pre{font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);background:var(--g-background);color:var(--g-text-secondary);padding:var(--g-spacing);border-radius:var(--g-radius);border:var(--g-border-width) solid var(--g-border-color);overflow-x:auto;margin:0 0 var(--g-spacing) 0;line-height:var(--g-line-height)}pre code{background:none;border:none;padding:0;font-size:inherit}blockquote{margin:0 0 var(--g-spacing) 0;padding-left:var(--g-spacing);border-left:var(--g-border-width-accent) solid var(--g-border-color-emphasis);color:var(--g-text-secondary);font-style:italic}hr{border:none;border-top:var(--g-border-width) solid var(--g-border-color);margin:var(--g-spacing-lg) 0}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-white{color:var(--color-white)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container{max-width:800px;padding:var(--g-spacing-lg)}.container--wide{max-width:1200px}.container--narrow{max-width:600px}.grid{display:grid;gap:var(--g-spacing-lg)}.grid--sm{display:grid;gap:var(--g-spacing-sm)}.grid--md{display:grid;gap:var(--g-spacing)}.flex{display:flex;align-items:center;gap:var(--g-spacing)}.flex--sm{display:flex;align-items:center;gap:var(--g-spacing-sm)}.flex--wrap{flex-wrap:wrap}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--g-border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--g-border-color-emphasis)}*{scrollbar-width:thin;scrollbar-color:var(--g-border-color) transparent}@media(max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.container{max-width:100%;padding:var(--g-spacing)}.container--wide,.container--narrow{max-width:100%}.grid{gap:var(--g-spacing)}}@media(max-width:480px){.container{padding:var(--g-spacing-sm)}.grid{gap:var(--g-spacing-sm)}}
