*{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-green:#95d43f;--primary-blue:#3f95d4;--primary-pink:#d43f95;--grey-50:#fafafa;--grey-100:#f5f5f5;--grey-200:#eee;--grey-300:#e0e0e0;--grey-400:#bdbdbd;--grey-500:#9e9e9e;--grey-600:#757575;--grey-700:#616161;--grey-800:#424242;--grey-900:#212121;--bg-primary:#fff;--bg-secondary:#f0f0f0;--bg-tertiary:#f5f5f5;--text-primary:#212121;--text-secondary:#616161;--text-tertiary:#bdbdbd;--text-footer:#424242;--text-inverse:#fff;--border-color:#eee;--border-hover:#e0e0e0;--card-bg:#fff;--card-border:#eee;--input-bg:#fff;--input-border:#e0e0e0;--input-focus-border:var(--primary-blue);--input-focus-ring:#3f95d426;--btn-default-bg:transparent;--btn-default-text:#757575;--btn-default-border:transparent;--btn-border-color:var(--grey-400);--btn-hover-bg:#3f95d41a;--btn-hover-text:var(--primary-blue);--btn-hover-border:var(--primary-blue);--btn-active-bg:var(--primary-blue);--btn-active-text:#fff;--btn-active-border:var(--primary-blue);--btn-primary-bg:var(--primary-blue);--btn-primary-text:#fff;--btn-primary-hover:#3585c2;--btn-primary-active:#2b6ba0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-primary:var(--font-proxima-nova),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-accent:var(--font-poppins),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-thin:100;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--bg-primary:#151515;--bg-secondary:#2c2c2c;--bg-tertiary:#383838;--text-primary:#fafafa;--text-secondary:#e0e0e0;--text-tertiary:#bdbdbd;--text-footer:#bdbdbd;--text-inverse:#212121;--border-color:#424242;--border-hover:#616161;--card-bg:#151515;--card-border:#424242;--input-bg:#212121;--input-border:#424242;--input-focus-border:var(--primary-blue);--input-focus-ring:#3f95d440;--btn-default-bg:transparent;--btn-default-text:#e0e0e0;--btn-default-border:transparent;--btn-border-color:var(--border-color);--btn-hover-bg:#3f95d426;--btn-hover-text:var(--primary-blue);--btn-hover-border:var(--primary-blue);--btn-active-bg:var(--primary-blue);--btn-active-text:#fff;--btn-active-border:var(--primary-blue);--btn-primary-bg:var(--primary-blue);--btn-primary-text:#fff;--btn-primary-hover:#5bb0e8;--btn-primary-active:#7ac0ed;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006}html,body{background-color:var(--bg-secondary);width:100%;min-width:320px;min-height:100vh;color:var(--text-primary);font-family:var(--font-primary);margin:0;position:relative;overflow-x:hidden}html.modal-open,html.modal-open body{overflow:hidden!important}html.modal-open body{width:100%!important;height:100svh!important;top:var(--scroll-position,0)!important;position:fixed!important}#root{width:100%}.skip-link{background:var(--btn-primary-bg);color:var(--btn-primary-text);padding:var(--space-2)var(--space-4);font-weight:var(--font-semibold);z-index:100;border-radius:0 0 var(--radius-md)0;transition:top var(--transition-fast);text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{outline:3px solid var(--input-focus-border);outline-offset:2px;top:0}:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--input-focus-border);outline-offset:2px}:focus:not(:focus-visible){outline:none}.styleguide{font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;transition:background var(--transition-base),color var(--transition-base)}.styleguide-header{background:var(--bg-primary);padding:var(--space-16)var(--space-8);text-align:center;border-bottom:1px solid var(--border-color);position:relative}.styleguide-header-top{top:var(--space-4);right:var(--space-8);justify-content:flex-end;display:flex;position:absolute}.styleguide-header h1{font-family:var(--font-primary);margin:0 0 var(--space-4)0;color:var(--text-primary);letter-spacing:-.5px;font-size:3rem;font-weight:400}.subtitle{color:var(--text-secondary);margin:0;font-size:1.25rem;font-weight:400}.styleguide-content{max-width:1200px;padding:var(--space-12)var(--space-6);margin:0 auto}.section{margin-bottom:var(--space-20)}.section h2{font-family:var(--font-primary);margin:0 0 var(--space-8)0;color:var(--text-primary);letter-spacing:-.5px;font-size:2.25rem;font-weight:400}.section-description{color:var(--text-secondary);margin-bottom:var(--space-6);max-width:600px;font-size:1rem;line-height:1.6}.subsection{margin-bottom:var(--space-10)}.subsection h3{font-family:var(--font-primary);margin:0 0 var(--space-6)0;color:var(--text-primary);font-size:1.25rem;font-weight:500}.color-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.color-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-base),box-shadow var(--transition-base);background:var(--card-bg);overflow:hidden}.color-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.color-swatch{width:100%;height:100px}.color-info{padding:var(--space-4)}.color-name{margin:0 0 var(--space-1)0;color:var(--text-primary);font-size:.875rem;font-weight:500}.color-value{font-family:var(--font-mono);color:var(--text-secondary);margin:0;font-size:.75rem}.font-showcase{gap:var(--space-8);flex-direction:column;display:flex}.font-sample p:first-child{margin:0 0 var(--space-2)0}.font-detail{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-mono);margin:0}.type-scale{gap:var(--space-6);flex-direction:column;display:flex}.type-scale p{font-family:var(--font-primary);color:var(--text-primary);margin:0}.button-showcase{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.btn-primary{font-family:var(--font-primary);border-radius:var(--radius-full);background:var(--btn-primary-bg);color:var(--btn-primary-text);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.25px;border:none;padding:10px 24px;font-size:.875rem;font-weight:500}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:none}.btn-primary:active{background:var(--btn-primary-active);box-shadow:none}.btn-secondary{font-family:var(--font-primary);border-radius:var(--radius-full);border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);letter-spacing:.25px;padding:9px 23px;font-size:.875rem;font-weight:500}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border)}.btn-ghost{font-family:var(--font-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);background:0 0;border:none;padding:10px 24px;font-size:.875rem;font-weight:500}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-secondary)}.card-showcase{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card h4{font-family:var(--font-primary);margin:0 0 var(--space-3)0;color:var(--text-primary);font-size:1.25rem;font-weight:500}.card p{color:var(--text-secondary);margin:0 0 var(--space-4)0;line-height:1.6}.form-showcase{gap:var(--space-6);flex-direction:column;max-width:480px;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.input{font-family:var(--font-primary);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:1rem}.input:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-ring);outline:none}.input::placeholder{color:var(--text-tertiary)}.spacing-showcase{gap:var(--space-8);flex-wrap:wrap;align-items:flex-end;display:flex}.spacing-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.spacing-visual{background:var(--primary-blue);border-radius:var(--radius-sm);opacity:.2;height:40px}.spacing-item span{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono)}.radius-showcase{gap:var(--space-8);flex-wrap:wrap;display:flex}.radius-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.radius-visual{background:var(--primary-green);border:1px solid var(--border-color);width:80px;height:80px}.radius-item span{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-mono)}.shadow-showcase{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shadow-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-8);justify-content:center;align-items:center;min-height:120px;display:flex}.shadow-card p{color:var(--text-secondary);font-weight:500;font-family:var(--font-mono);margin:0;font-size:.875rem}