*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--color-neutral-800);background:var(--color-neutral-50)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-weight:600}h1{font-size:clamp(1.875rem,4vw,3.375rem)}h2{font-size:clamp(1.375rem,3vw,2.375rem)}h3{font-size:clamp(1.125rem,2.5vw,1.75rem)}h4{font-size:clamp(1rem,2vw,1.375rem)}p{margin:0;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing) * 3)}.btn{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:calc(var(--spacing) * 1);font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.card{background:var(--color-neutral-50);border-radius:calc(var(--spacing) * 2);box-shadow:0 1px 3px #0000001a;transition:all .3s ease;overflow:hidden;border:1px solid var(--color-neutral-200)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}html.dark-theme .card{box-shadow:0 1px 3px #0000004d}html.dark-theme .card:hover{box-shadow:0 8px 25px #0006}.tag{display:inline-block;padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1.5);background:var(--color-neutral-100);color:var(--color-neutral-700);border-radius:calc(var(--spacing) * 3);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.tag.motion{background:#8b5cf61a;color:var(--color-primary-dark)}.tag.ux{background:#3b82f61a;color:var(--color-secondary)}.tag.ai{background:#06b6d41a;color:#0891b2}.tag.dev{background:#22c55e1a;color:#15803d}.tag.research{background:#f973161a;color:var(--color-accent)}.tag.talk{background:#ec48991a;color:#be185d}.tag.writing{background:#f59e0b1a;color:var(--color-warning)}.tag.design{background:#10b9811a;color:var(--color-success)}.tag.process{background:#f59e0b1a;color:var(--color-warning)}.tag.tutorial{background:#ef44441a;color:var(--color-error)}@media (max-width: 768px){.container{padding:0 calc(var(--spacing) * 2)}}:root{--color-primary: #8B5CF6;--color-primary-light: #A78BFA;--color-primary-dark: #7C3AED;--color-secondary: #3B82F6;--color-secondary-light: #60A5FA;--color-accent: #F97316;--color-accent-light: #FB923C;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--spacing: 8px}html.dark-theme{--color-neutral-50: #111827;--color-neutral-100: #1F2937;--color-neutral-200: #374151;--color-neutral-300: #4B5563;--color-neutral-400: #6B7280;--color-neutral-500: #9CA3AF;--color-neutral-600: #D1D5DB;--color-neutral-700: #E5E7EB;--color-neutral-800: #F3F4F6;--color-neutral-900: #F9FAFB}html,body{margin:0;padding:0;background:var(--color-neutral-50);color:var(--color-neutral-800);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.nav{position:fixed;top:0;left:0;right:0;background:#f9fafbf2;backdrop-filter:blur(20px);border-bottom:1px solid var(--color-neutral-200);z-index:1000;transition:all .3s ease}html.dark-theme .nav{background:#111827f2}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing) * 2) 0}.logo{font-size:1.375rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .2s ease}.logo:hover{color:var(--color-primary-dark)}.nav-links{display:flex;gap:calc(var(--spacing) * 4);align-items:center}.nav-links a{color:var(--color-neutral-700);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:calc(var(--spacing) * 1)}.mobile-menu-toggle span{width:24px;height:2px;background:var(--color-neutral-700);transition:all .3s ease}.mobile-menu{display:none;flex-direction:column;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3) 0;border-top:1px solid var(--color-neutral-200)}.mobile-menu a{color:var(--color-neutral-700);text-decoration:none;font-weight:500;padding:calc(var(--spacing) * 1) 0;transition:color .2s ease}.mobile-menu a:hover{color:var(--color-primary)}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle,.mobile-menu.active{display:flex}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}