*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#fafaf9;--color-surface:#ffffff;--color-text:#1c1917;--color-text-secondary:#57534e;--color-text-tertiary:#a8a29e;--color-accent:#b45309;--color-accent-hover:#92400e;--color-accent-light:rgba(180, 83, 9, 0.06);--color-border:#e7e5e4;--color-border-hover:#d6d3d1;--color-selection:rgba(180, 83, 9, 0.12);--color-badge-bg:rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 2px rgba(28, 25, 23, 0.04);--shadow-md:0 4px 12px rgba(28, 25, 23, 0.06);--shadow-lg:0 8px 24px rgba(28, 25, 23, 0.08);--font-display:'Instrument Serif', Georgia, serif;--font-heading:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-body:'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--max-width:1120px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}[data-theme=dark]{--color-bg:#1a1a1a;--color-surface:#262626;--color-text:#e7e5e4;--color-text-secondary:#a8a29e;--color-text-tertiary:#78716c;--color-accent:#d97706;--color-accent-hover:#f59e0b;--color-accent-light:rgba(217, 119, 6, 0.1);--color-border:#333333;--color-border-hover:#444444;--color-selection:rgba(217, 119, 6, 0.2);--color-badge-bg:rgba(255, 255, 255, 0.06);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.4)}[data-theme=terminal]{--color-bg:#0a0a0a;--color-surface:#111111;--color-text:#33ff33;--color-text-secondary:#22cc22;--color-text-tertiary:#1a8a1a;--color-accent:#33ff33;--color-accent-hover:#66ff66;--color-accent-light:rgba(51, 255, 51, 0.08);--color-border:#1a3a1a;--color-border-hover:#226622;--color-selection:rgba(51, 255, 51, 0.2);--color-badge-bg:rgba(51, 255, 51, 0.06);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.6);--font-display:'Courier New', monospace;--font-heading:'Courier New', monospace;--font-body:'Courier New', monospace}[data-theme=terminal] .theme-toggle .icon-moon{display:none}[data-theme=terminal] .theme-toggle .icon-sun{display:block;color:#3f3}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;transition:color .3s ease,background-color .3s ease}::selection{background-color:var(--color-selection);color:var(--color-text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.site-header{padding:3rem 0 1.5rem;border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;flex-wrap:wrap}.site-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;text-decoration:none}.site-nav{display:flex;align-items:baseline;gap:2rem}.site-nav a{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);letter-spacing:.01em}.site-nav a:hover{color:var(--color-text)}.theme-toggle{appearance:none;border:none;background:0 0;cursor:pointer;padding:.25rem;color:var(--color-text-tertiary);transition:color var(--transition-fast);line-height:1;display:flex;align-items:center}.theme-toggle:hover{color:var(--color-text)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}.hero{position:relative;padding:6rem 0 4rem;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:repeating-linear-gradient( 90deg,var(--color-text) 0,var(--color-text) 1px,transparent 1px,transparent 60px ),linear-gradient( 180deg,transparent 0%,var(--color-accent-light) 50%,transparent 100% );opacity:.06;mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 30%,black 70%,transparent 100%)}[data-theme=dark] .hero-bg{opacity:.1}.hero-inner{position:relative;z-index:1}.hero-name{font-family:var(--font-display);font-weight:400;font-style:normal;line-height:.88;letter-spacing:-.035em;color:var(--color-text)}.hero-name .first{display:block;font-size:clamp(4rem,14vw,12rem)}.hero-name .last{display:block;font-size:clamp(4rem,14vw,12rem);margin-left:clamp(1rem,6vw,6rem)}.hero-about{margin-top:2.5rem;margin-left:clamp(1rem,6vw,6rem);max-width:540px}.hero-about p{font-family:var(--font-body);font-size:1.0625rem;font-weight:400;color:var(--color-text-secondary);line-height:1.75;margin-bottom:1rem}.hero-about p:last-child{margin-bottom:0}.hero-stats{font-family:var(--font-body);font-size:.8125rem;font-weight:400;color:var(--color-text-tertiary);margin-top:.25rem}.section{padding:5rem 0}.section-header{margin-bottom:3rem}.section-label{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem}.section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--color-text)}.start-here{border-top:1px solid var(--color-border)}.start-here-grid{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.start-here-card{flex:none;display:flex;flex-direction:column;gap:.375rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal);min-width:0;white-space:nowrap}.start-here-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.start-here-card:hover .story-title{color:var(--color-accent)}.section-divider{width:100%;padding:3rem 0;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.divider-svg{width:100%;height:clamp(80px,12vw,160px)}.stories{border-top:1px solid var(--color-border);background-color:var(--color-bg);position:relative;overflow:hidden}.stories::before{content:'';position:absolute;inset:0;z-index:0;background:url(/images/stories-bg.svg)50% 0/100% 100% no-repeat;color:var(--color-text);opacity:.06;mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 90%,transparent 100%);pointer-events:none}[data-theme=dark] .stories::before{background-image:url(/images/stories-bg-dark.svg);opacity:.1}.stories>.container{position:relative;z-index:1}.section-divider+.stories{border-top:none}.hero+.section-divider{padding:.375rem 0 1rem}.stories-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.stories-header .section-header{margin-bottom:0}.stories-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-heading);font-size:.75rem;font-weight:500;letter-spacing:.03em;color:var(--color-text-secondary);padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:all var(--transition-fast)}.tag-filter:hover{border-color:var(--color-border-hover);color:var(--color-text)}.tag-filter.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.sort-controls{display:flex;gap:.25rem;margin-left:auto}.sort-btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-heading);font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);padding:.35rem .65rem;cursor:pointer;transition:all var(--transition-fast)}.sort-btn:first-child{border-radius:999px 0 0 999px}.sort-btn:last-child{border-radius:0 999px 999px 0;border-left:none}.sort-btn:hover{color:var(--color-text)}.sort-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.story-card{display:block;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem 1.75rem 1.5rem;text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal),background-color var(--transition-normal);position:relative;overflow:hidden}.story-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}.story-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px);background-color:var(--color-surface)}.story-card:hover::before{transform:scaleX(1)}.story-card:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.story-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--color-text);transition:color var(--transition-fast)}.story-card:hover .story-title{color:var(--color-accent)}.story-summary{margin-top:.625rem;font-size:.875rem;color:var(--color-text-secondary);font-weight:400;line-height:1.55}.story-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.875rem}.story-tag{font-family:var(--font-heading);font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);background:var(--color-badge-bg);padding:.2rem .5rem;border-radius:3px}.story-card-meta{display:flex;align-items:center;gap:.75rem;margin-top:.875rem;flex-wrap:wrap}.story-card-meta .story-tags{margin-top:0}.story-reading-time{font-family:var(--font-heading);font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);white-space:nowrap}.new-badge{display:inline-block;font-family:var(--font-heading);font-size:.6rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-light);padding:.15rem .5rem;border-radius:3px;margin-bottom:.625rem}.story-arrow{display:inline-block;margin-top:1rem;font-size:.8125rem;font-weight:500;color:var(--color-accent);opacity:0;transform:translateX(-4px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.story-card:hover .story-arrow{opacity:1;transform:translateX(0)}.site-footer{border-top:1px solid var(--color-border);padding:3rem 0;margin-top:2rem}.footer-inner{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-text{font-size:.8125rem;color:var(--color-text-tertiary);font-weight:400}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.8125rem;color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-secondary)}.footer-admin{opacity:.4}.error-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:3rem 2rem}.error-content{text-align:center;max-width:480px}.error-code{display:block;font-family:var(--font-display);font-size:clamp(5rem,15vw,10rem);font-weight:400;line-height:1;color:var(--color-border);letter-spacing:-.04em}.error-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-top:1rem;letter-spacing:-.01em}.error-text{font-size:.9375rem;color:var(--color-text-secondary);margin-top:.75rem;line-height:1.6}.error-links{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.error-link{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.error-link:hover{color:var(--color-accent-hover)}.error-hidden-link{color:inherit;text-decoration:none;cursor:text}.error-hidden-link:hover{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-tertiary)}.footer-disclaimer{font-size:.6875rem;color:var(--color-text-tertiary);line-height:1.5;margin:.75rem 0 0;max-width:560px;opacity:.7}.tag-chip{display:inline-block;font-size:.75rem;font-weight:500;color:var(--color-accent);background-color:var(--color-accent-light);padding:.125rem .5rem;border-radius:var(--radius-sm);margin-right:.375rem}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tag-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.tag-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-card-name{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-text)}.tag-card:hover .tag-card-name{color:var(--color-accent)}.tag-card-count{font-size:.8125rem;color:var(--color-text-tertiary)}.reading-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--color-accent);z-index:1000;transition:width .1s linear;pointer-events:none}.story-reading-header{padding:3rem 0 2rem;border-bottom:1px solid var(--color-border)}.back-link{display:inline-block;font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-accent);text-decoration:none;margin-bottom:2rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent-hover)}.story-hero-image{max-width:var(--max-width);margin:0 auto 2rem;padding:0 2rem}.story-hero-image img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-md)}.story-reading-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--color-text);margin-bottom:1rem;max-width:680px}.story-reading-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;max-width:680px;margin-bottom:1.25rem}.story-reading-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.reading-time{font-family:var(--font-heading);font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary)}.tag-badge{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--color-accent);background-color:var(--color-accent-light);padding:.25rem .75rem;border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.tag-badge:hover{background-color:var(--color-accent);color:var(--color-surface)}.series-badge{display:inline-block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background-color:var(--color-badge-bg);padding:.25rem .75rem;border-radius:var(--radius-sm)}.story-reading-body{padding:3rem 0 4rem}.story-content{max-width:680px;margin:0 auto;padding:0 2rem;font-size:1.125rem;line-height:1.8;color:var(--color-text)}.story-content h1{display:none}.story-content h2,.story-content h3{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;color:var(--color-text)}.story-content h2{font-size:1.5rem}.story-content h3{font-size:1.25rem}.story-content p{margin-bottom:1.5rem}.story-content hr{border:none;width:48px;height:2px;background-color:var(--color-accent);margin:3rem auto;border-radius:1px}.story-content em{font-style:italic}.story-content strong{font-weight:600}.story-content blockquote{border-left:3px solid var(--color-accent);padding-left:1.5rem;margin:2rem 0;color:var(--color-text-secondary);font-style:italic}.story-footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.story-footer-row .back-link{margin-bottom:0;padding-top:.5rem;flex-shrink:0}.next-story{max-width:420px;margin-left:auto}.next-story-label{display:block;font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.75rem;text-align:right}.next-story-card{display:block;padding:1.5rem 1.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.next-story-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.next-story-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);transition:color var(--transition-fast)}.next-story-card:hover .next-story-title{color:var(--color-accent)}.next-story-desc{margin-top:.375rem;font-size:.875rem;line-height:1.55;color:var(--color-text-secondary)}.next-story-meta{display:block;margin-top:.75rem;font-family:var(--font-heading);font-size:.8125rem;font-weight:500;color:var(--color-accent)}.story-reading-footer{border-top:1px solid var(--color-border);padding:3rem 0}@media(max-width:600px){.story-footer-row{flex-direction:column}.next-story{max-width:none;margin-left:0}.next-story-label{text-align:left}}@media(max-width:768px){.container{padding:0 1.25rem}.hero{padding:4rem 0 3.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-portrait{max-width:280px;aspect-ratio:1/1}.stories-grid{grid-template-columns:1fr;gap:1rem}.story-card{padding:1.5rem}.section{padding:3.5rem 0}.site-nav{gap:1.25rem}.footer-inner{flex-direction:column;gap:1rem}.story-content{padding:0 1.25rem;font-size:1.0625rem}.story-hero-image{padding:0 1.25rem}.tags-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero h1{font-size:2.25rem}.hero-subtitle{font-size:1.0625rem}.header-inner{flex-direction:column;gap:1rem}}@media print{.story-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.site-header,.site-footer,.back-link,.story-arrow{display:none}.story-content{max-width:100%;font-size:12pt}}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:3rem 1.5rem}.admin-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem 2rem;box-shadow:var(--shadow-lg)}.admin-header{text-align:center;margin-bottom:2rem}.admin-lock{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);margin-bottom:1rem}.admin-title{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.25rem}.admin-subtitle{font-size:.8125rem;color:var(--color-text-tertiary)}.admin-field{margin-bottom:1.25rem}.admin-field label{display:block;font-family:var(--font-heading);font-size:.8125rem;font-weight:500;color:var(--color-text);margin-bottom:.375rem}.admin-field input{width:100%;padding:.625rem .75rem;font-family:var(--font-body);font-size:.875rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.admin-field input::placeholder{color:var(--color-text-tertiary)}.admin-remember{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.admin-remember label{font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer}.admin-remember input[type=checkbox]{accent-color:var(--color-accent)}.admin-submit{width:100%;padding:.7rem;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background var(--transition-fast),opacity var(--transition-fast)}.admin-submit:hover{background:var(--color-accent-hover)}.admin-submit:disabled{opacity:.7;cursor:not-allowed}.admin-submit-spinner svg{display:block}.admin-error{margin-top:1rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm)}[data-theme=dark] .admin-error{color:#fca5a5;background:rgba(185,28,28,.12);border-color:rgba(185,28,28,.25)}.admin-error strong{font-weight:600}.admin-success{margin-top:1rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm)}[data-theme=dark] .admin-success{color:#86efac;background:rgba(21,128,61,.12);border-color:rgba(21,128,61,.25)}.admin-footer-links{text-align:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.admin-footer-links a{font-size:.8125rem;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.admin-footer-links a:hover{color:var(--color-accent-hover)}.admin-sep{color:var(--color-text-tertiary);margin:0 .5rem}.admin-powered{margin-top:2rem;font-size:.6875rem;color:var(--color-text-tertiary)}.admin-powered strong{font-weight:600}.start-hero{position:relative;padding:5rem 0 3rem;border-bottom:1px solid var(--color-border);overflow:hidden}.start-hero::before{content:'';position:absolute;inset:0;z-index:0;background:repeating-linear-gradient( -45deg,var(--color-text) 0,var(--color-text) 1px,transparent 1px,transparent 60px ),linear-gradient( 180deg,transparent 0%,var(--color-accent-light) 50%,transparent 100% );opacity:.035;mask-image:linear-gradient(180deg,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 20%,black 80%,transparent 100%);pointer-events:none}[data-theme=dark] .start-hero::before{opacity:.06}.start-hero>.container{position:relative;z-index:1}.start-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;letter-spacing:-.03em;line-height:1.1;color:var(--color-text);margin-top:.75rem}.start-hero-subtitle{margin-top:1.25rem;font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);max-width:540px}.start-picks{padding:3rem 0 5rem}.start-picks-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.start-pick{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:var(--color-surface);text-decoration:none;color:inherit;transition:background-color var(--transition-normal),padding-left var(--transition-normal)}.start-pick:hover{background:var(--color-accent-light);padding-left:2.5rem}.start-pick-number{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text-tertiary);line-height:1;flex-shrink:0;width:2.5rem;text-align:center;transition:color var(--transition-normal)}.start-pick:hover .start-pick-number{color:var(--color-accent)}.start-pick-body{flex:1;min-width:0}.start-pick-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);transition:color var(--transition-fast)}.start-pick:hover .start-pick-title{color:var(--color-accent)}.start-pick-desc{margin-top:.375rem;font-size:.875rem;line-height:1.55;color:var(--color-text-secondary)}.start-pick-meta{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.start-pick-arrow{font-size:1.25rem;color:var(--color-text-tertiary);flex-shrink:0;opacity:0;transform:translateX(-4px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.start-pick:hover .start-pick-arrow{opacity:1;transform:translateX(0);color:var(--color-accent)}.start-all-link{text-align:center;margin-top:2.5rem}.start-all-link a{font-family:var(--font-heading);font-size:.9375rem;font-weight:500;color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.start-all-link a:hover{color:var(--color-accent-hover)}@media(max-width:768px){.start-pick{flex-wrap:wrap;gap:.75rem;padding:1.25rem}.start-pick:hover{padding-left:1.5rem}.start-pick-number{font-size:1.5rem;width:2rem}.start-pick-arrow{display:none}}.newsletter{border-top:1px solid var(--color-border)}.newsletter-card{max-width:560px;margin:0 auto;text-align:center}.newsletter-title{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-top:.75rem;line-height:1.3}.newsletter-desc{font-size:.9375rem;color:var(--color-text-secondary);margin-top:.5rem;line-height:1.6}.newsletter-form{margin-top:1.5rem}.newsletter-input-group{display:flex;gap:.5rem;max-width:420px;margin:0 auto}.newsletter-input{flex:1;padding:.7rem 1rem;font-family:var(--font-body);font-size:.875rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.newsletter-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.newsletter-input::placeholder{color:var(--color-text-tertiary)}.newsletter-submit{padding:.7rem 1.5rem;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),opacity var(--transition-fast)}.newsletter-submit:hover{background:var(--color-accent-hover)}.newsletter-submit:disabled{opacity:.7;cursor:not-allowed}.newsletter-success{margin-top:1rem;font-size:.8125rem;color:#15803d}[data-theme=dark] .newsletter-success{color:#86efac}.newsletter-error{margin-top:1rem;font-size:.8125rem;color:#b91c1c}[data-theme=dark] .newsletter-error{color:#fca5a5}.newsletter-page{position:relative;padding:5rem 2rem 4rem;overflow:hidden}.newsletter-page::before{content:'';position:absolute;inset:0;z-index:0;background:repeating-linear-gradient( 45deg,var(--color-text) 0,var(--color-text) 1px,transparent 1px,transparent 60px ),linear-gradient( 180deg,transparent 0%,var(--color-accent-light) 50%,transparent 100% );opacity:.035;mask-image:linear-gradient(180deg,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 20%,black 80%,transparent 100%);pointer-events:none}[data-theme=dark] .newsletter-page::before{opacity:.06}.newsletter-page>.container{position:relative;z-index:1}.newsletter-page>.container{max-width:640px;margin:0 auto}.newsletter-page-card{text-align:center}.newsletter-page-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;letter-spacing:-.03em;line-height:1.1;color:var(--color-text);margin-top:.75rem}.newsletter-page-desc{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.7;margin-top:1.25rem;max-width:480px;margin-left:auto;margin-right:auto}.newsletter-page-form{margin-top:2.5rem}.newsletter-page-input-group{max-width:480px}.newsletter-page-input{padding:.85rem 1.25rem;font-size:1rem}.newsletter-page-submit{padding:.85rem 2rem;font-size:1rem}.newsletter-page-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border)}.newsletter-page-detail{display:flex;flex-direction:column;gap:.75rem}.newsletter-detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);flex-shrink:0}.newsletter-page-detail strong{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--color-text)}.newsletter-page-detail p{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6;margin-top:.125rem}@media(max-width:768px){.newsletter-page-details{grid-template-columns:1fr;gap:1.25rem}.newsletter-page-detail{flex-direction:row;align-items:flex-start}}@media(max-width:480px){.newsletter-input-group{flex-direction:column}.newsletter-submit{width:100%}}