:root{--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-elevated:#21262d;--color-bg-overlay:#2d333b;--color-text-primary:#f0f6fc;--color-text-secondary:#8b949e;--color-text-muted:#6e7681;--color-accent-primary:#238636;--color-accent-hover:#2ea043;--color-accent-subtle:rgba(35,134,54,0.15);--color-border-default:#30363d;--color-border-muted:#21262d;--color-border-accent:#238636;--color-success:#2ea043;--color-danger:#da3633;--color-warning:#fb8500;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Helvetica","Arial",sans-serif;--font-family-mono:"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:clamp(16px,4vw,18px);--font-size-lg:clamp(18px,4.5vw,20px);--font-size-xl:clamp(20px,5vw,24px);--font-size-2xl:clamp(24px,6vw,28px);--font-size-3xl:clamp(28px,7vw,36px);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 4px 8px rgba(0,0,0,0.15);--shadow-lg:0 8px 16px rgba(0,0,0,0.2);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);line-height:var(--line-height-normal)}body{font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}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)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-4);line-height:var(--line-height-normal)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.header{position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-content{margin-top:60px;min-height:calc(100vh - 60px)}.card,.main-content{padding:var(--space-5)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-elevated{background-color:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-overlay);border-color:var(--color-border-accent)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-accent-subtle);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background-color:#c1292e}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.button--primary{background-color:var(--color-accent-primary);color:white}.button--primary:hover{background-color:var(--color-accent-hover)}.button--secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-default)}.button--secondary:hover{background-color:var(--color-bg-overlay);border-color:var(--color-border-accent)}.button--ghost{background-color:transparent;color:var(--color-text-secondary)}.button--ghost:hover{background-color:var(--color-accent-subtle);color:var(--color-text-primary)}.button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form-control,.form-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-control{width:100%;padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-family:inherit;transition:border-color var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.form-control::placeholder{color:var(--color-text-muted)}.form-control:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.mb-4{margin-bottom:var(--space-4)}.text-center{text-align:center}.app-shell{max-width:1200px;margin:0 auto;min-height:100vh;flex-direction:column;gap:var(--space-8)}.app-header,.app-shell{padding:var(--space-5);display:flex}.app-header{justify-content:space-between;align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.app-header__branding,.app-header__home-link{display:flex;align-items:center;gap:var(--space-4)}.app-header__logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background-color:var(--color-accent-primary);color:white}.app-header__logo,.app-header__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.app-header__title{color:var(--color-text-primary)}.app-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.app-header__auth-form,.app-header__cta{display:flex;align-items:center;gap:var(--space-3)}.app-header__user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.app-header__user-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.app-main{flex:1 1;display:flex;justify-content:center}.app-footer{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:auto}.app-footer__content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);display:inline-flex;align-items:center;justify-content:center}.page{display:flex;flex-direction:column;gap:var(--space-12)}.hero{display:grid;grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-md)}.hero__content{display:flex;flex-direction:column;gap:var(--space-5)}.hero__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-primary)}.hero__title{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0;color:var(--color-text-primary)}.hero__body{font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.hero__domain{display:inline-flex;border-radius:var(--radius-sm);background-color:var(--color-accent-subtle);color:var(--color-accent-primary);padding:var(--space-1) var(--space-2);margin:0 var(--space-1);font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__session{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hero__card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.hero__card-title{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-xs);color:var(--color-accent-primary)}.hero__card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.hero__card-list li{display:flex;flex-direction:column;gap:var(--space-1)}.hero__card-label{font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.hero__card-value{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:var(--font-family-mono)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8)}.section-header__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-primary)}.section-header__title{margin:var(--space-2) 0 0;font-size:var(--font-size-2xl);color:var(--color-text-primary)}.section-header__description{max-width:420px;color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.projects__grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-fast)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-accent)}.project-card__header{display:flex;flex-direction:column;gap:var(--space-1)}.project-card__title{margin:0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.project-card__status{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.project-card__description{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-normal)}.project-card__highlights{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-card__highlight{background-color:var(--color-accent-subtle);color:var(--color-accent-primary);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.project-card__footer{margin-top:auto}.architecture__grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.architecture__card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);line-height:var(--line-height-normal)}.architecture__card h3{margin:0 0 var(--space-2);color:var(--color-text-primary)}.architecture__card p{margin:0;color:var(--color-text-secondary)}.architecture__card code{background-color:var(--color-bg-elevated);color:var(--color-accent-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.login{display:flex;justify-content:center;align-items:center;min-height:60vh}.login__card{max-width:480px;width:100%;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-lg)}.login__eyebrow{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-primary);margin-bottom:var(--space-2)}.login__title{margin:0 0 var(--space-4);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);color:var(--color-text-primary)}.login__description{margin:0 0 var(--space-6);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-form__input{width:100%;padding:var(--space-3);background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.login-form__input::placeholder{color:var(--color-text-muted)}.login-form__input:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.login-form__hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-form__feedback{font-size:var(--font-size-sm);margin:var(--space-2) 0 0}.login-form__feedback--success{color:var(--color-success)}.login-form__feedback--error{color:var(--color-danger)}.login__note{margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border-default);padding-top:var(--space-4)}.login__note-title{margin:0 0 var(--space-1);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.missing-env{max-width:600px;margin:0 auto;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-md)}.missing-env h1{margin:0 0 var(--space-4);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.missing-env p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-normal)}.missing-env code{background-color:var(--color-bg-elevated);color:var(--color-accent-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}@media (max-width:768px){.app-shell{padding:var(--space-3);gap:var(--space-6)}.app-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.app-header__cta{width:100%;justify-content:center}.hero{padding:var(--space-8);grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.architecture__grid,.projects__grid{grid-template-columns:1fr}.login__card{margin:var(--space-4);padding:var(--space-8)}}@media (max-width:480px){.app-shell{padding:var(--space-2)}.app-header{padding:var(--space-3)}.hero{padding:var(--space-6)}.hero__actions{flex-direction:column;gap:var(--space-3)}.login__card{padding:var(--space-6)}}