:root{--bg-primary: #0d0d0f;--bg-secondary: #141418;--bg-card: #1a1a1f;--bg-card-hover: #222228;--text-primary: #fafafa;--text-secondary: #a8a8b3;--text-muted: #6b6b76;--accent-primary: #ff6b4a;--accent-secondary: #ff8f73;--accent-glow: rgba(255, 107, 74, .4);--gradient-hero: linear-gradient(135deg, #1a1a2e 0%, #0d0d0f 50%, #1a0f0d 100%);--gradient-card: linear-gradient(145deg, rgba(255, 107, 74, .08) 0%, transparent 50%);--font-display: "Syne", sans-serif;--font-body: "Instrument Serif", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-2xl);background:linear-gradient(180deg,rgba(13,13,15,.95) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInDown .6s ease;transition:all var(--transition-base)}.navbar.scrolled{background:#0d0d0ff2;border-bottom:1px solid rgba(255,255,255,.06)}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--accent-primary);text-decoration:none;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:.8}.nav-links{display:flex;gap:var(--space-xl)}.nav-links a{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-base)}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}@media(max-width:768px){.navbar{padding:var(--space-md)}}.footer{padding:var(--space-xl) var(--space-xl);background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-text{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:var(--space-sm)}.footer-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-muted);transition:all var(--transition-fast)}.footer-links a:hover{border-color:var(--text-secondary);color:var(--text-primary)}@media(max-width:768px){.footer{padding:var(--space-lg) var(--space-md)}.footer-content{flex-direction:column;gap:var(--space-md);text-align:center}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl)}.hero-content{max-width:600px}.hero-title{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.hero-subtitle{font-family:var(--font-display);font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.hero-description{font-family:var(--font-display);font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}@media(max-width:768px){.hero{padding:120px var(--space-md) var(--space-2xl)}.hero-links{gap:var(--space-md)}}.ai-news-page{min-height:100vh;padding-top:var(--space-3xl)}.page-header{padding:var(--space-xl) var(--space-xl);max-width:700px;margin:0 auto}.page-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xs)}.page-subtitle{font-family:var(--font-display);font-size:.95rem;color:var(--text-muted)}.resources-section{padding:var(--space-3xl) var(--space-xl)}.resources-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.expandable-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth)}.expandable-section:hover{border-color:#ffffff26}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:transparent;border:none;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.section-header:hover{background:#ffffff08}.section-header.open{border-bottom:1px solid rgba(255,255,255,.05)}.section-title{display:flex;align-items:center;gap:var(--space-md)}.section-emoji{font-size:1.5rem}.section-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.section-count{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted);background:#ffffff0d;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.section-content{padding:var(--space-md) var(--space-xl) var(--space-xl);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-text{font-family:var(--font-display);font-size:.9rem;color:var(--text-muted);font-style:italic;padding:var(--space-md);text-align:center}.resource-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-xs)}.resource-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.resource-link:hover{background:#ff6b4a1a}.resource-link:hover svg{color:var(--accent-primary);transform:translate(2px,-2px)}.resource-info{display:flex;flex-direction:column;gap:2px}.resource-name{font-family:var(--font-display);font-size:.9rem;font-weight:500}.resource-desc{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted)}.resource-link svg{color:var(--text-muted);opacity:.5;transition:all var(--transition-fast);flex-shrink:0}@media(max-width:768px){.page-header,.resources-section{padding:var(--space-xl) var(--space-md)}.section-header{padding:var(--space-md) var(--space-lg)}.section-content{padding:var(--space-sm) var(--space-lg) var(--space-lg)}.section-emoji{font-size:1.25rem}.section-name{font-size:1rem}}.projects-page{min-height:100vh;padding-top:var(--space-3xl)}.projects-page .page-header{padding:var(--space-xl) var(--space-xl);max-width:700px;margin:0 auto}.projects-page .page-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-xs)}.projects-page .page-subtitle{font-family:var(--font-display);font-size:.95rem;color:var(--text-muted)}.projects-section{padding:var(--space-xl) var(--space-xl) var(--space-3xl);max-width:700px;margin:0 auto}.projects-grid{display:flex;flex-direction:column;gap:var(--space-md)}.project-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all var(--transition-smooth)}.project-card:hover{border-color:#ffffff26;background:#ff6b4a0d;transform:translateY(-2px)}.project-card:hover svg{color:var(--accent-primary);transform:translate(2px,-2px)}.project-emoji{font-size:2rem;flex-shrink:0}.project-info{flex:1}.project-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:4px}.project-desc{font-family:var(--font-display);font-size:.85rem;color:var(--text-muted)}.project-card svg{color:var(--text-muted);opacity:.5;transition:all var(--transition-fast);flex-shrink:0}@media(max-width:768px){.projects-page .page-header{padding:var(--space-xl) var(--space-md)}.projects-section{padding:var(--space-xl) var(--space-md) var(--space-3xl)}.project-card{padding:var(--space-md) var(--space-lg)}.project-emoji{font-size:1.5rem}.project-name{font-size:1rem}}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}