@layer tokens,reset,base,components,utilities,overrides;@layer tokens{:root{--color-coral: #ff7b6d;--color-yellow: #ffb84d;--color-green: #4ddb7a;--color-teal: #4dd4bf;--color-orange: #ffab40;--color-lavender: #a78bfa;--color-black: #1a1a1a;--color-cream: #faf9f6;--section-technical-writing: var(--color-coral);--section-prompt-engineering: var(--color-yellow);--section-design-projects: var(--color-green);--section-connect: var(--color-teal);--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: var(--color-green);--color-warning: var(--color-orange);--color-error: #ef4444;--color-info: var(--color-teal)}[data-theme=light]{--bg-color: var(--color-cream);--bg-secondary: var(--color-white);--bg-tertiary: var(--color-gray-50);--text-color: var(--color-black);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--primary-color: var(--color-orange);--primary-hover: var(--color-yellow);--secondary-color: var(--color-teal);--accent-color: var(--color-orange);--border-color: var(--color-gray-200);--border-hover: var(--color-orange);--button-bg: var(--color-white);--button-hover: var(--color-gray-50);--button-text: var(--color-black);--card-bg: var(--color-white);--card-shadow: rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-color: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--text-color: var(--color-white);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-400);--primary-color: var(--color-orange);--primary-hover: var(--color-yellow);--secondary-color: var(--color-teal);--accent-color: var(--color-yellow);--border-color: var(--color-gray-700);--border-hover: var(--color-orange);--button-bg: var(--color-gray-800);--button-hover: var(--color-gray-700);--button-text: var(--color-white);--card-bg: var(--color-gray-800);--card-shadow: rgba(0, 0, 0, .3)}}@layer tokens{:root{--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 5rem;--section-padding-block: var(--space-2xl);--section-padding-inline: var(--space-xl);--card-padding: var(--space-lg);--card-padding-sm: var(--space-md);--grid-gap: var(--space-lg);--grid-gap-sm: var(--space-md);--button-padding-block: .6rem;--button-padding-inline: 1.2rem;--button-padding-large-block: 1rem;--button-padding-large-inline: 2rem}}@layer tokens{:root{--font-family-base: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: .8rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-size-6xl: 5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.7;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px}}@layer tokens{:root{--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .2);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .25);--card-shadow-rest: var(--shadow-md);--card-shadow-hover: var(--shadow-xl);--button-shadow: 0 2px 8px rgba(0, 0, 0, .2);--button-shadow-hover: 0 4px 16px rgba(0, 0, 0, .3);--button-cta-shadow: 0 8px 20px rgba(255, 171, 64, .3);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .2s;--transition-medium: .25s;--transition-slow: .3s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--transition-all: all var(--transition-base) var(--ease-in-out);--transition-transform: transform var(--transition-base) var(--ease-in-out);--transition-colors: background-color var(--transition-base) var(--ease-in-out), color var(--transition-base) var(--ease-in-out);--transition-shadow: box-shadow var(--transition-base) var(--ease-in-out)}}@layer tokens{:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--grid-cols-mobile: 1;--grid-cols-tablet: 2;--grid-cols-tablet-lg: 3;--grid-cols-desktop: 4}}@layer reset{:root{font-family:var(--font-family-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:var(--bg-color);color:var(--text-color);transition:var(--transition-colors);scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}#root{margin:0 auto;width:100%}}@layer base{h1{font-size:3.2em;line-height:var(--line-height-tight);color:var(--text-color)}h2{color:var(--text-secondary)}a{font-weight:var(--font-weight-medium);color:var(--primary-color);text-decoration:inherit;transition:color var(--transition-base) ease}a:hover{color:var(--primary-hover)}button{border-radius:var(--radius-md);border:1px solid var(--border-color);padding:var(--button-padding-block) var(--button-padding-inline);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:var(--transition-all)}button:hover{background-color:var(--button-hover);border-color:var(--border-hover)}button:focus,button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}}@layer components{.nav-bar{background:var(--bg-color);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.nav-container{max-width:var(--container-2xl);margin:0 auto;padding:0 var(--space-xl);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--text-color);text-decoration:none}.nav-menu{display:flex;gap:var(--space-xl);align-items:center;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:.95rem;transition:color var(--transition-base) ease;letter-spacing:var(--letter-spacing-wide)}.nav-link:hover{color:var(--text-color)}.nav-actions{display:flex;gap:var(--space-sm);align-items:center}.page-nav{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--space-sm) 0;position:sticky;top:0;z-index:100}@media(max-width:768px){.nav-menu{display:none}.nav-container{padding:0 var(--space-md)}}}@layer components{.btn{padding:var(--button-padding-block) var(--button-padding-inline);border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-all);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2xs)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--color-black);color:var(--color-white);box-shadow:var(--button-shadow)}.btn-primary:hover{background:#000c;box-shadow:var(--button-shadow-hover)}.btn-secondary{background:#ffffffe6;color:var(--color-black);border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:var(--color-white);border-color:var(--color-black);color:var(--color-black);transform:translateY(-1px)}.btn-cta-nav{background:var(--primary-color);color:var(--color-white);padding:.8rem 1.8rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:var(--transition-all);letter-spacing:var(--letter-spacing-wide)}.btn-cta-nav:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--button-cta-shadow)}.btn-large{padding:var(--button-padding-large-block) var(--button-padding-large-inline);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.filter-btn{padding:.6rem 1.2rem;border-radius:var(--radius-2xl);border:2px solid rgba(0,0,0,.2);background:#ffffffe6;color:var(--color-black);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-sm)}.filter-btn:hover{border-color:var(--color-black);transform:translateY(-2px)}.filter-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.connect-link{background:#ffffffe6;color:var(--color-black);padding:var(--space-sm) 2.5rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);text-decoration:none;transition:var(--transition-all);display:inline-flex;align-items:center;gap:var(--space-2xs);border:2px solid transparent}.connect-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);background:var(--color-black);color:var(--color-white)}.theme-toggle{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.theme-toggle:hover{transform:scale(1.05);border-color:var(--primary-color)}.nav-home{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-base) ease;display:inline-flex;align-items:center;gap:var(--space-2xs);background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.nav-home:hover{color:var(--accent-color)}.getting-started .btn-primary{background:var(--color-white);color:var(--primary-color)}.getting-started .btn-primary:hover{background:var(--color-gray-100);transform:translateY(-2px)}.getting-started .btn-secondary{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.getting-started .btn-secondary:hover{background:var(--color-white);color:var(--primary-color);transform:translateY(-2px)}@media(max-width:768px){.btn{text-align:center;justify-content:center}.btn-large{width:100%;max-width:300px}}}@layer components{.card{padding:var(--card-padding);border-radius:var(--radius-xl);box-shadow:var(--card-shadow-rest);transition:var(--transition-all)}.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.portfolio-card{background:var(--card-bg);border-radius:var(--radius-3xl);padding:var(--space-xl);transition:var(--transition-all);cursor:pointer;min-height:280px;display:flex;flex-direction:column;justify-content:flex-start}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.portfolio-card-coral{background:var(--section-technical-writing)}.portfolio-card-yellow{background:var(--section-prompt-engineering)}.portfolio-card-green{background:var(--section-design-projects)}.portfolio-card-teal{background:var(--section-connect)}.card-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0 0 var(--space-sm) 0}.card-description{font-size:var(--font-size-base);color:#000000b3;line-height:var(--line-height-relaxed);margin:0}.writing-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 6px var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-all)}.writing-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--card-shadow)}.technical-writing .writing-card,.prompt-engineering .writing-card,.design-projects .writing-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.writing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.writing-header h3{font-size:var(--font-size-lg);color:var(--color-black);margin:0;line-height:1.4}.writing-type{background:var(--color-black);color:var(--color-white);padding:.3rem .8rem;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.writing-description{color:#000c;margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed)}.writing-preview{color:#0009;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-md);font-style:italic}.writing-links{display:flex;gap:var(--space-sm);flex-wrap:wrap}.company-card{border-radius:var(--radius-lg);padding:var(--space-md);text-align:left;transition:var(--transition-all);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.company-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#00000026}.company-card{background:var(--color-white)}.company-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%}.company-card-header{margin-bottom:var(--space-sm)}.company-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#333;margin:0;line-height:1.4;letter-spacing:-.01em}.company-industry{background:var(--color-white);color:#000000b3;padding:.25rem .6rem;border-radius:var(--radius-xl);font-size:.7rem;font-weight:var(--font-weight-medium);white-space:nowrap;text-transform:capitalize;display:inline-block;margin-top:var(--space-sm)}.company-logo-container{width:100%;align-self:stretch;height:100px;display:flex;align-items:center;justify-content:center;margin:auto 0 0;background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-sm);box-sizing:border-box;border:1px solid var(--color-gray-200)}.company-card:nth-child(7) .company-logo-container{background:var(--color-black)}.company-logo{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;transition:var(--transition-all);margin:0 auto}.company-name-overlay{display:none}.company-card:hover .company-logo{transform:scale(1.05)}.step-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:0 4px 6px var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-all)}.step-card:hover{transform:translateY(-4px);cursor:pointer}.step-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--text-color)}.step-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.step-link{text-decoration:none;color:inherit;display:block}.step-link:hover{text-decoration:none;color:inherit}.step-number{width:3rem;height:3rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-sm)}.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;box-shadow:0 4px 6px var(--card-shadow);border:1px solid var(--border-color);transition:var(--transition-all)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--card-shadow)}.feature-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--text-color)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);display:block}.intro-card,.code-preview{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;box-shadow:0 4px 6px var(--card-shadow);border:1px solid var(--border-color)}.intro-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);color:var(--text-color);text-align:center}.code-preview h3{color:var(--text-color);margin-bottom:var(--space-md);font-size:var(--font-size-xl)}.api-call{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;box-shadow:0 4px 6px var(--card-shadow);border:1px solid var(--border-color)}.api-call h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.api-call h4{color:var(--text-color);font-size:var(--font-size-md);margin:var(--space-md) 0 var(--space-sm);font-weight:var(--font-weight-semibold)}@media(max-width:768px){.portfolio-card{padding:var(--space-lg);min-height:240px}.card-title{font-size:var(--font-size-xl)}.writing-header{flex-direction:column;align-items:flex-start}.writing-links{flex-direction:column}.company-card{padding:var(--space-sm)}.company-logo-container{height:80px}.company-logo{max-height:60px}.intro-card,.code-preview,.getting-started{padding:var(--space-lg)}}}@layer components{.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color)}.hero{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-3xl) var(--space-xl) var(--space-xl);text-align:center}.hero-headline{margin:0;font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--text-color)}.hero-headline-accent{color:var(--accent-color);display:block;font-size:var(--font-size-4xl);margin-bottom:var(--space-xl);margin-top:var(--space-sm);font-weight:var(--font-weight-medium)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-2xl);line-height:var(--line-height-relaxed)}.section-container{max-width:var(--container-2xl);margin:0 auto;padding:var(--section-padding-block) var(--section-padding-inline)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--text-color);margin-bottom:var(--space-lg);text-align:center}.content-section,.container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.technical-writing{background:var(--section-technical-writing);padding:var(--space-2xl) 0}.prompt-engineering{background:var(--section-prompt-engineering);padding:var(--space-2xl) 0}.design-projects{background:var(--section-design-projects);padding:var(--space-2xl) 0}.technical-writing .container,.prompt-engineering .container,.design-projects .container{color:var(--color-black)}.technical-writing h2,.prompt-engineering h2,.design-projects h2{color:var(--color-black);text-align:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);font-weight:var(--font-weight-extrabold)}.section-intro{text-align:center;font-size:var(--font-size-md);color:#000000b3;max-width:600px;margin:0 auto var(--space-xl);line-height:var(--line-height-relaxed)}.companies-section{background:var(--section-connect);padding:var(--space-3xl) 0}.companies-subsection{margin-top:var(--space-xl);padding-top:0}.companies-title{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-coral);margin-bottom:var(--space-xl)}.section-subtitle{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-orange);margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.section-subtitle{margin-top:var(--space-xl)}.connect-subsection{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid rgba(0,0,0,.1);text-align:center}.connect-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-black);margin-bottom:var(--space-lg);text-align:center}.companies-section .section-intro{color:#000c;text-align:center;max-width:700px;margin:0 auto var(--space-xl)}.connect-links{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.page-header{text-align:center;padding:var(--space-2xl) 0 var(--space-xl);background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-color)}.page-header h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:800px;margin-left:auto;margin-right:auto;line-height:var(--line-height-snug)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.tutorial-section{margin:var(--space-xl) 0}.tutorial-section h2{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--space-md);padding-bottom:var(--space-2xs);border-bottom:2px solid var(--primary-color)}.tutorial-content{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.tutorial-content p{font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--text-color);margin:0}.overview-section,.example-section{margin:var(--space-2xl) 0;text-align:center}.overview-section h2,.example-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);color:var(--text-color)}.example-intro{font-size:var(--font-size-md);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-xl);max-width:700px;margin-left:auto;margin-right:auto}.getting-started{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin:var(--space-xl) 0}.getting-started h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--color-white)}.getting-started p{font-size:var(--font-size-md);margin-bottom:var(--space-lg);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.action-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.personal-intro{font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--text-color);margin:0;text-align:left}.personal-intro strong{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.personal-intro em{color:var(--accent-color);font-style:italic;font-weight:var(--font-weight-medium)}.learning-objectives{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.learning-objectives li{background:var(--bg-tertiary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border-left:4px solid var(--primary-color);color:var(--text-color);transition:var(--transition-transform)}.learning-objectives li:hover{transform:translate(4px)}.learning-objectives li:before{content:"✓";color:var(--primary-color);font-weight:var(--font-weight-bold);margin-right:var(--space-sm)}@media(max-width:768px){.hero{padding:var(--space-xl) var(--space-md) var(--space-lg)}.hero-headline{font-size:var(--font-size-4xl)}.hero-headline-accent{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-md)}.section-container{padding:var(--space-xl) var(--space-md)}.section-title,.companies-title,.connect-title{font-size:var(--font-size-2xl)}.connect-links{flex-direction:column;align-items:center;gap:var(--space-sm)}.connect-link{width:100%;max-width:300px;justify-content:center}.page-header h1{font-size:2.2rem}.page-subtitle{font-size:var(--font-size-base)}.action-buttons{flex-direction:column;align-items:center}}}@layer components{.portfolio-grid{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.writing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.companies-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);max-width:var(--container-2xl);margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.companies-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;padding:var(--space-lg) var(--space-md);gap:var(--space-md)}.writing-grid{grid-template-columns:1fr}.companies-grid{grid-template-columns:repeat(2,1fr)}.steps-grid,.feature-grid{grid-template-columns:1fr}}}@layer utilities{.tech-tag{background:#ffffff80;color:var(--color-black);padding:.3rem .8rem;border-radius:var(--radius-2xl);font-size:var(--font-size-xs);border:1px solid rgba(0,0,0,.1)}.industry-tag{background:var(--color-black);color:var(--color-white);padding:.3rem .8rem;border-radius:var(--radius-2xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.technologies,.industries{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-md)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;max-width:800px;margin:0 auto}.category-filters{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:var(--space-lg) 0 var(--space-xl)}.example-prompt{background:#fff9;border-left:3px solid var(--color-black);padding:var(--space-sm);margin:var(--space-sm) 0;border-radius:var(--radius-xs);font-size:var(--font-size-sm)}.example-prompt strong{color:var(--color-black);display:block;margin-bottom:var(--space-2xs)}.example-prompt code{display:block;color:#000000b3;font-family:var(--font-family-mono);font-size:.85rem;line-height:var(--line-height-normal)}.no-results{text-align:center;color:#0009;font-size:var(--font-size-md);padding:var(--space-xl);font-style:italic}.code-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-color);margin:0}.endpoint{background:var(--bg-tertiary);padding:var(--space-sm);border-radius:var(--radius-sm);margin:var(--space-sm) 0;border:1px solid var(--border-color)}.endpoint code{font-family:var(--font-family-mono);font-size:var(--font-size-base);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.tech-stack{text-align:center;margin:var(--space-xl) 0}.tech-stack h3{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--text-color)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.postman-page{min-height:100vh;background:var(--bg-color)}.main-content h1{font-size:var(--font-size-3xl)}.main-content h2{font-size:var(--font-size-lg)}@media(max-width:768px){.main-content h1{font-size:var(--font-size-3xl)}.main-content h2{font-size:var(--font-size-lg)}.theme-toggle{top:var(--space-sm);left:var(--space-sm);width:2.5rem;height:2.5rem;font-size:var(--font-size-base)}}}